/* CallSteam shared stylesheet: fonts and design tokens first, then quiz, booking, legal, call module and consent styles.
   Inter: self-hosted variable WOFF2 (latin subset, weights 400-600), SIL Open Font License 1.1, see /assets/fonts/.
   Geist Mono: self-hosted static WOFF2 (latin subset, Regular for 400-500 and Bold for 600-700), SIL Open Font License 1.1. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url("/assets/fonts/inter-latin-var.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url("/assets/fonts/geist-mono-latin-regular.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:600 700;font-display:swap;src:url("/assets/fonts/geist-mono-latin-bold.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Metric-matched fallback so the swap from Arial to Inter barely moves text. */
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("ArialMT");size-adjust:107.1%;ascent-override:90.4%;descent-override:22.5%;line-gap-override:0%}
:root{
  color-scheme:dark;
  /* Color */
  --bg:#09090B;--surface:#0B1219;--raised:#0D1016;--line:#1C2227;--line-strong:#12302E;
  --text:#F4F3F5;--text-2:#CCCCD7;--muted:#8A8A94;--subtle:#5E5E66;
  --text-soft:rgba(244,243,245,.88);--text-faint:rgba(244,243,245,.72);--text-quiet:rgba(244,243,245,.6);--text-dim:rgba(244,243,245,.82);--text-chip:#E9F3FA;
  --mint:#2D9CFF;--mint-hover:#5BB3FF;--mint-ink:#07111A;--mint-soft:#7FD8F5;--mint-fill:#08202B;--mint-line:#0C4C63;
  --accent-teal:#2CE3C0;--accent-blue:#34AFF2;--label-teal:#19D9B4;
  --error:#FF8A7A;--outline:rgba(244,243,245,.22);--overlay:rgba(0,0,0,.6);
  /* Surfaces and borders */
  --surface-line:var(--line-strong);--surface-fill:radial-gradient(120% 90% at 50% 0%,rgba(9,41,47,.55),rgba(9,12,17,0) 62%),#090C11;
  --chip-line:var(--mint-line);--chip-bg:#09141D;--glow-line:#0F799C;
  --glow-sm:0 0 28px rgba(15,121,156,.22);--glow-md:0 0 0 1px rgba(15,121,156,.15),0 0 48px rgba(15,121,156,.28);
  /* Accent gradients */
  --grad-brand:linear-gradient(90deg,#2CE3C0,#34AFF2);--grad-brand-hover:linear-gradient(90deg,#4BEACD,#56BEF5);
  --shadow-cta:0 8px 28px rgba(44,227,192,.22),0 0 0 1px rgba(52,175,242,.25);--shadow-cta-hover:0 10px 34px rgba(44,227,192,.32),0 0 0 1px rgba(52,175,242,.35);
  /* Typography */
  --font-sans:"Inter","Inter Fallback",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --fs-caption:.75rem;--fs-label:.75rem;--fs-small:.875rem;--fs-body-sm:.9375rem;--fs-body:1rem;--fs-button:.9375rem;
  --fs-lead:clamp(1rem,.96rem + .2vw,1.0625rem);--fs-faq:clamp(1rem,.94rem + .3vw,1.125rem);
  --fs-h3:clamp(1.25rem,1.15rem + .35vw,1.375rem);
  --fs-h2:clamp(2.125rem,1.5rem + 2.4vw,3.5rem);
  --fs-display:clamp(2.25rem,1.5rem + 3.4vw,4.25rem);
  --fs-h1:clamp(2.5rem,1.6rem + 4vw,4.5rem);
  --fw-heading:600;--lh-body:1.6;--lh-heading:1.08;--lh-display:1.04;
  --ls-heading:-.035em;--ls-display:-.045em;--ls-label:.08em;
  /* Spacing (4px base) */
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;
  /* Radii */
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
  /* Controls and icons */
  --control-h:44px;--control-h-primary:48px;--icon-stroke:1.75;
  /* Focus */
  --focus-width:2px;--focus-color:#5BB3FF;--focus-offset:3px;
  /* Motion */
  --dur-fast:150ms;--dur-base:250ms;--dur-slow:420ms;--ease-out:cubic-bezier(.22,.8,.24,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  /* Legacy aliases used by quiz, booking and legal styles */
  --sans:var(--font-sans);--mono:var(--font-mono);
  --cs-bg:var(--bg);--cs-panel:var(--surface);--cs-raised:var(--raised);--cs-line:var(--line);--cs-text:var(--text);--cs-muted:var(--muted);--cs-accent:var(--mint);--cs-font:var(--font-sans)
}
@media(prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms}}
.cs-page{margin:0;background:var(--cs-bg);color:var(--cs-text);font:16px/1.55 var(--cs-font);-webkit-font-smoothing:antialiased}.cs-page *,.cs-dialog *{box-sizing:border-box}[hidden]{display:none!important}.cs-page a{color:var(--cs-accent)}.cs-page button,.cs-dialog button,.cs-page input,.cs-dialog input,.cs-page select{font:inherit}.cs-page :focus-visible,.cs-dialog :focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.cs-page h1,.cs-page h2,.cs-dialog h2{font-weight:450;letter-spacing:-.035em;line-height:1.15}.cs-pill{display:inline-flex;padding:6px 11px;border:1px solid var(--line-strong);border-radius:99px;color:var(--text-2);font:11px/1.4 var(--font-mono);letter-spacing:.04em}.cs-booking{max-width:940px;margin:auto;padding:clamp(56px,11vh,120px) 24px 72px}.cs-heading{text-align:center;margin-bottom:30px}.cs-heading h1{font-size:clamp(40px,5.4vw,68px);line-height:1.08;margin:0 0 18px}.cs-heading p{color:var(--cs-muted);margin:0 auto;font-size:15px;max-width:520px}.cs-book-grid{display:flex;flex-direction:column;gap:20px}.cs-calendar-shell{min-width:0}.cs-calendar{min-height:0;border:0;border-radius:0;background:transparent;overflow:hidden;position:relative}.cs-calendar #cal-embed{width:100%;min-height:660px;overflow:visible}.cs-calendar iframe{border:0;width:100%;min-height:660px}.cs-calendar-message{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:32px}.cs-calendar-message svg{width:44px;height:44px;color:var(--cs-accent)}.cs-calendar-message h2{font-size:24px;margin:0}.cs-calendar-message p{max-width:320px;margin:0;color:var(--cs-muted);font-size:14px}.cs-fallback{margin:22px 0 0;text-align:center;font-size:12px;color:var(--cs-muted);overflow-wrap:anywhere}.cs-legal{margin:12px auto 0;max-width:520px;text-align:center;font-size:11px;line-height:1.6;color:var(--subtle)}.cs-booking .cs-status{text-align:center;margin:18px 0 0;min-height:0;font-size:15px;color:var(--cs-text)}.cs-booking .cs-status:empty{display:none}.cs-calendar-message .cs-button{margin-top:4px}.cs-page a.cs-button{color:var(--mint-ink);text-decoration:none}.cs-fallback a{color:var(--cs-muted);text-underline-offset:3px}.cs-panel{background:var(--cs-panel);border:1px solid var(--cs-line);border-radius:16px;padding:30px 32px}.cs-panel h2{font-size:21px;margin:0 0 9px}.cs-panel-intro{font-size:12px;color:var(--cs-muted);margin:0 0 24px}.cs-summary-row{padding:16px 0;border-top:1px solid var(--cs-line)}.cs-summary-top{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.cs-summary-row label,.cs-summary-row dt{font-size:11px;color:var(--cs-muted)}.cs-summary-row dd{margin:6px 0 0;font-size:13px;overflow-wrap:anywhere}.cs-edit{background:none;color:var(--cs-accent);padding:2px 0;border:0;font-size:11px!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cs-editor{display:grid;gap:8px;margin-top:8px}.cs-editor button{font-size:11px}.cs-panel dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));column-gap:36px}.cs-panel .cs-contact{max-width:none}.cs-panel .cs-contact-fields{display:grid}.cs-contact{border-top:1px solid var(--cs-line);padding-top:18px;margin-top:8px}.cs-field{display:grid;gap:7px;margin-bottom:14px}.cs-field label{font-size:12px;color:var(--text-2)}.cs-input{width:100%;border:1px solid var(--line-strong);background:var(--surface);color:var(--cs-text);border-radius:7px;min-height:44px;padding:10px 12px}.cs-input:focus{border-color:var(--cs-accent)}.cs-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:9px 16px;border:1px solid transparent;border-radius:8px;background:var(--cs-accent);color:var(--mint-ink);font-weight:600;font-size:13px;cursor:pointer;gap:12px}.cs-button:hover{background:var(--mint-hover)}.cs-button:disabled{opacity:.5;cursor:wait}.cs-button.secondary{background:transparent;border-color:var(--line-strong);color:var(--text-2)}.cs-contact .cs-button{width:100%;margin-top:14px}.cs-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:var(--cs-muted);line-height:1.65}.cs-consent input{margin-top:4px;accent-color:var(--cs-accent);flex:none}.cs-error{color:var(--error);font-size:13px;min-height:20px;line-height:1.5}.cs-status{color:var(--cs-muted);font-size:12px;line-height:1.6}.cs-contact-summary{border-top:1px solid var(--cs-line);padding-top:16px;margin-top:12px;font-size:13px;overflow-wrap:anywhere}.cs-contact-summary p{margin:5px 0}.cs-price-note{font-size:11px;color:var(--cs-muted);line-height:1.6;margin:15px 0 0}.cs-honey{position:absolute;left:-10000px;height:1px;overflow:hidden}.cs-dialog{width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:18px;color:var(--cs-text);background:var(--bg);box-shadow:0 30px 100px rgba(15,17,21,.16);font-family:var(--cs-font);overflow:auto}.cs-dialog::backdrop{background:rgba(15,17,21,.32);backdrop-filter:blur(5px)}.cs-dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:21px 28px;border-bottom:1px solid var(--cs-line)}.cs-dialog-brand{font-size:20px;letter-spacing:-.04em}.cs-close{border:1px solid var(--cs-line);background:transparent;color:var(--text);border-radius:50%;width:var(--control-h);height:var(--control-h);font-size:22px!important;cursor:pointer}.cs-quiz-body{padding:34px 44px 38px}.cs-progress-label{display:flex;justify-content:space-between;color:var(--cs-muted);font:11px var(--font-mono)}.cs-progress{height:3px;background:var(--line);border-radius:3px;overflow:hidden;margin:14px 0 28px}.cs-progress span{display:block;background:var(--cs-accent);height:100%;transition:width .26s ease}.cs-question{animation:cs-enter .26s ease}.cs-question h2{font-size:clamp(26px,3vw,36px);margin:0 0 14px}.cs-question p{color:var(--cs-muted);font-size:13px;line-height:1.65;max-width:560px;margin:0 0 22px}.cs-options{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px;border:0;padding:0}.cs-option{position:relative;display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--raised);font-size:13px;cursor:pointer}.cs-option input{accent-color:var(--cs-accent);width:17px;height:17px;margin:0;flex:none}.cs-option:has(input:checked){border-color:var(--cs-accent);background:var(--raised)}.cs-option:hover{border-color:var(--line-strong)}.cs-option small{margin-left:auto;color:var(--subtle);font:10px var(--font-mono)}.cs-quiz-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px}.cs-quiz-actions .cs-status{font-size:10px}.cs-full-form{max-width:760px;margin:50px auto;padding:30px}.cs-full-form fieldset{padding:24px 0;border:0;border-bottom:1px solid var(--cs-line);margin:0 0 20px}.cs-full-form legend{font-size:19px;padding-top:24px}.cs-full-form .cs-options{grid-template-columns:1fr}.cs-thanks{max-width:650px;margin:12vh auto;padding:32px}.cs-thanks h1{font-size:42px}.cs-thanks p{color:var(--cs-muted)}
.cs-site-head{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1440px;margin:0 auto;padding:0 32px;height:64px;border-bottom:1px solid var(--line-strong)}.cs-brand{display:inline-flex;align-items:center;gap:9px;color:var(--cs-text)!important;text-decoration:none}.cs-brand svg{width:33.7px;height:33.7px;color:var(--cs-accent)}.cs-brand .cs-wordmark,.cs-wordmark{display:block;height:17px;width:auto;color:var(--cs-text)}.cs-back{font-size:12px;color:var(--cs-muted)!important;text-decoration:none}.cs-back:hover{color:var(--cs-text)!important}.cs-site-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;max-width:1440px;margin:0 auto;padding:22px 32px 30px;border-top:1px solid var(--cs-line);font-size:11px;color:var(--cs-muted)}.cs-site-foot a{color:var(--cs-muted)}
.cs-notfound{max-width:620px;margin:16vh auto;padding:32px;text-align:center}.cs-notfound h1{font-size:clamp(34px,5vw,52px);margin:20px 0 14px}.cs-notfound p{color:var(--cs-muted);margin:0 0 26px}
@media(max-width:700px){.cs-site-head,.cs-site-foot{padding-inline:18px}.cs-site-head{height:58px}}
@keyframes cs-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cs-wave{0%,100%{transform:scaleY(.42)}45%{transform:scaleY(1)}75%{transform:scaleY(.64)}}.brand-mark{overflow:hidden}@keyframes cs-logo-wave{0%,100%{transform:scaleY(1)}30%{transform:scaleY(.64)}55%{transform:scaleY(.42)}}.cs-logo-bars line{transform-box:fill-box;transform-origin:center}.brand.is-waving .cs-logo-bars line{animation:cs-logo-wave 1.25s ease-in-out infinite;animation-delay:calc(var(--n,0)*.14s)}.brand.is-waving .cs-logo-bars line.is-done{animation:none}.wave i{animation:cs-wave 1.25s ease-in-out infinite;animation-delay:calc(var(--n,0)*-.14s)}.wave i{transform-origin:center}
@media(max-width:1050px){.cs-booking{padding:38px 20px 60px}.cs-panel{padding:24px}.cs-calendar-message{min-height:240px}.cs-calendar #cal-embed{min-height:600px}}@media(max-width:800px){.cs-booking{padding:clamp(44px,9vh,72px) 12px 44px}.cs-panel{padding:22px 18px}.cs-panel dl{grid-template-columns:1fr}.cs-heading{margin-bottom:20px;padding-inline:6px}.cs-calendar-message{min-height:200px}.cs-calendar #cal-embed{min-height:560px}.cs-fallback,.cs-legal{padding-inline:8px}.cs-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.cs-dialog-bar{padding:18px 22px}.cs-quiz-body{padding:26px 22px 30px}.cs-quiz-actions{flex-wrap:wrap}.cs-heading h1{font-size:36px;margin-bottom:12px}.cs-heading p{font-size:14px}.cs-site-foot{flex-direction:column;gap:8px}.cs-full-form{padding:24px;margin:0}.cs-summary-row{padding:13px 0}}
@media(prefers-reduced-motion:reduce){.cs-question,.wave i{animation:none!important}.brand.is-waving .cs-logo-bars line{animation:none!important}.cs-progress span{transition:none}html{scroll-behavior:auto!important}}
.cs-cookie{position:fixed;z-index:60;left:0;right:0;bottom:0;border-top:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 -10px 40px rgba(15,17,21,.08);font:13px/1.6 var(--font-sans)}.cs-cookie[hidden]{display:none}.cs-cookie-inner{max-width:1440px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px 32px}.cs-cookie-copy{display:flex;align-items:flex-start;gap:12px;min-width:0}.cs-cookie-copy p{margin:0;color:var(--text-2);max-width:820px}.cs-cookie strong{color:var(--text);font-weight:600}.cs-cookie a,.cs-cookie-panel a{color:var(--mint);text-underline-offset:3px}.cs-cookie-icon{flex:none;width:22px;height:22px;margin-top:-1px;fill:none;stroke:var(--mint);stroke-width:1.6;stroke-linejoin:round}.cs-cookie-icon circle{fill:var(--mint);stroke:none}.cs-cookie-actions{display:flex;gap:10px;flex:none}.cs-cookie-btn{min-height:var(--control-h);padding:8px 16px;border-radius:8px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:600 13px var(--font-sans);cursor:pointer}.cs-cookie-btn:hover{border-color:var(--subtle)}.cs-cookie-primary{background:var(--mint);border-color:var(--mint);color:var(--mint-ink)}.cs-cookie-primary:hover{background:var(--mint-hover);border-color:var(--mint-hover)}.cs-cookie-btn:focus-visible,.cs-cookie-x:focus-visible,.cs-switch input:focus-visible+span{outline:2px solid var(--mint);outline-offset:3px}.cs-cookie-panel{width:min(520px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:0 30px 100px rgba(15,17,21,.16);font:14px/1.6 var(--font-sans)}.cs-cookie-panel::backdrop{background:rgba(15,17,21,.32);backdrop-filter:blur(4px)}.cs-cookie-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.cs-cookie-panel h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:500;letter-spacing:-.02em}.cs-cookie-x{display:grid;place-items:center;width:var(--control-h);height:var(--control-h);border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.cs-cookie-x svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.cs-cookie-cat{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 22px;border-bottom:1px solid var(--line)}.cs-cookie-cat h3{margin:0 0 4px;font-size:14px;font-weight:600}.cs-cookie-cat p{margin:0;font-size:12px;color:var(--muted)}.cs-switch{position:relative;flex:none;width:44px;height:26px;margin-top:2px}.cs-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.cs-switch input:disabled{cursor:not-allowed}.cs-switch span{position:absolute;inset:0;border-radius:99px;background:var(--line);transition:background .2s;pointer-events:none}.cs-switch span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text);transition:transform .2s}.cs-switch input:checked+span{background:var(--mint)}.cs-switch input:checked+span::after{transform:translateX(18px)}.cs-switch input:disabled+span{opacity:.6}.cs-cookie-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}.cs-cookie-panel-foot a{font-size:12px}@media(max-width:860px){.cs-cookie-inner{flex-direction:column;align-items:stretch;padding:16px 18px}.cs-cookie-actions{display:grid;grid-template-columns:repeat(3,1fr)}.cs-cookie-btn{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.cs-switch span,.cs-switch span::after{transition:none}}
.cs-linkish{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cs-foot-links{display:flex;flex-wrap:wrap;gap:0 18px}.cs-foot-links a,.cs-foot-links .cs-linkish,.cs-back{display:inline-flex;align-items:center;min-height:var(--control-h)}
.cs-doc{max-width:720px;margin:0 auto;padding:clamp(40px,8vh,88px) 24px 72px}.cs-doc h1{font-size:clamp(36px,5vw,54px);margin:18px 0 10px}.cs-doc .cs-updated{color:var(--cs-muted);font-size:13px;margin:0 0 36px}.cs-doc h2{font-size:22px;margin:40px 0 10px;scroll-margin-top:24px}.cs-doc p,.cs-doc li{color:var(--text-2);font-size:15px;line-height:1.7}.cs-doc ul{padding-left:20px}.cs-doc li{margin:6px 0}.cs-doc table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.cs-doc th,.cs-doc td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--cs-line);vertical-align:top;color:var(--text-2)}.cs-doc th{color:var(--cs-text);font-weight:600}.cs-table{overflow-x:auto}

.cs-page .cs-x,.cs-x{position:fixed;top:18px;right:18px;z-index:20;display:grid;place-items:center;width:var(--control-h);height:var(--control-h);border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.85);color:var(--text)}.cs-page .cs-x:hover,.cs-x:hover{border-color:var(--line-strong);color:var(--text)}.cs-x svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}.cs-accent{color:var(--cs-accent)}
/* Quiz pop-up: fixed frame so title, help, answers and buttons never shift between questions. */
.cs-dialog[open]{display:flex;flex-direction:column;height:min(780px,calc(100dvh - 32px))}.cs-dialog-bar{flex:none;display:grid;grid-template-columns:var(--control-h) 1fr var(--control-h);align-items:center}.cs-dialog-mark{grid-column:2;justify-self:center;display:flex;align-items:center;gap:10px;color:var(--cs-accent)}.cs-dialog-mark .cs-dialog-icon{display:block;width:39.4px;height:39.4px}.cs-dialog-mark .cs-dialog-word{display:block;height:20px;width:auto;color:var(--cs-text)}.cs-close{grid-column:3}.cs-quiz-body{flex:1;min-height:0;display:flex;flex-direction:column}.cs-progress-label,.cs-progress{flex:none}.cs-question{flex:1;min-height:0;display:flex;flex-direction:column}.cs-question h2{flex:none;display:flex;align-items:flex-end;line-height:1.15;min-height:2.3em;margin:0 0 8px}.cs-question p{flex:none;min-height:3.3em;margin-top:0}.cs-options{flex:none;align-content:start;gap:8px;margin-bottom:0}.cs-option{min-height:50px;background:transparent;border-color:var(--cs-text);transition:border-color .2s}.cs-option:has(input:checked){background:transparent;border-color:var(--cs-text)}.cs-option:has(input:focus-visible){border-color:var(--cs-accent)}@media(hover:hover){.cs-option:hover,.cs-option:has(input:checked):hover{border-color:var(--cs-accent)}}.cs-quiz-actions .cs-button{background:transparent;border-color:var(--line-strong);color:var(--text-2);transition:border-color .2s,color .2s}.cs-quiz-actions .cs-button:hover:not(:disabled){background:transparent;border-color:var(--cs-accent);color:var(--cs-accent)}.cs-quiz-actions .cs-button:disabled{cursor:default}.cs-error{flex:none}.cs-quiz-actions{flex:none;margin-top:12px}@media(max-width:800px){.cs-dialog[open]{height:100dvh}.cs-question h2{font-size:24px;min-height:3.45em}.cs-option{min-height:48px}}@media(prefers-reduced-motion:reduce){.cs-dialog-mark line{animation:none}}
/* Quiz pop-up, Typeform-style: pinned progress bar, lettered answers, answers sized to the longest option. */
.cs-dialog{position:fixed}.cs-dialog-bar{border-bottom:0}.cs-dialog .cs-progress-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cs-dialog .cs-progress{position:absolute;top:0;left:0;right:0;z-index:2;height:3px;margin:0;border-radius:0;background:var(--raised)}.cs-dialog .cs-options{justify-items:start}.cs-dialog .cs-option{width:min(var(--cs-opt-w,50%),100%);gap:14px;padding:10px 16px 10px 12px;border-color:var(--outline);color:var(--text-dim);font-size:14px}.cs-dialog .cs-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.cs-dialog .cs-option small{order:0;margin-left:0;display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid var(--outline);border-radius:5px;color:var(--text-dim);font:600 11px var(--font-mono);transition:border-color .2s,color .2s,background .2s}.cs-dialog .cs-option:has(input:focus-visible){border-color:var(--cs-accent);color:var(--cs-text)}@media(hover:hover){.cs-dialog .cs-option:hover{border-color:var(--cs-accent);color:var(--cs-text)}}.cs-dialog .cs-option:has(input:focus-visible) small{border-color:var(--cs-accent);color:var(--cs-accent)}@media(hover:hover){.cs-dialog .cs-option:hover small{border-color:var(--cs-accent);color:var(--cs-accent)}}.cs-dialog h2[tabindex="-1"]:focus,.cs-dialog h2[tabindex="-1"]:focus-visible{outline:none}.cs-dialog .cs-option:has(input:checked){border-color:var(--outline)}.cs-dialog .cs-option:has(input:checked) small{background:var(--cs-accent);border-color:var(--cs-accent);color:var(--mint-ink)}.cs-dialog .cs-option:has(input:checked):hover{border-color:var(--cs-accent)}
/* Quiz navigation: outlined caret buttons, bottom right. */
.cs-dialog .cs-quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}.cs-dialog .cs-quiz-actions .cs-error{margin:0;flex:1;min-height:0;font-size:13px}.cs-arrows{display:flex;gap:8px;flex:none}.cs-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--outline);border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;transition:border-color .2s,color .2s}.cs-arrow[hidden]{display:none}.cs-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cs-arrow:hover,.cs-arrow:focus-visible{border-color:var(--cs-accent);color:var(--cs-accent)}
html{scrollbar-gutter:stable}

/* Inline brand lockup: replaces the written name "CallSteam". Sized from the surrounding font, same proportions as the nav logo, no motion. Doubled class beats section rules like ".final h2 span". */
.cs-logo-inline.cs-logo-inline{display:inline-flex!important;align-items:center;gap:.39em;white-space:nowrap;line-height:1;color:inherit!important;text-transform:none;letter-spacing:0;vertical-align:-.358em;margin:0;padding:0;background:none;border:0}
.cs-logo-inline .cs-logo-inline-mark{flex:none;display:block;width:1.446em;height:1.446em;margin:0;color:var(--mint)}
.cs-logo-inline .cs-logo-inline-word{flex:none;display:block;height:.73em;width:auto;margin:0;color:currentColor}
.cs-pill{align-items:center;gap:.5em}

/* Call demo module (homepage #call and /call). Player and conversation in the wider column, captured details
   beside it; stacked on phones with the details after the conversation. The transcript window slides its list
   instead of scrolling, so the page never moves on its own. */
.cs-call{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,19.5rem);grid-template-areas:"main details";gap:var(--space-6);align-items:start;max-width:68rem;margin-inline:auto;text-align:left}
.cs-call-main{grid-area:main;min-width:0;border:1px solid var(--surface-line);border-radius:var(--radius-xl);background:var(--surface-fill);box-shadow:var(--glow-sm);overflow:hidden}
.cs-call-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"play seek time";align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}
.cs-call:not(.is-ready) .cs-call-bar,.cs-call:not(.is-ready) .cs-call-more,.cs-call:not(.is-ready) .cs-call-foot{display:none}
.cs-call-play{grid-area:play;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:9.5rem;min-height:var(--control-h-primary);padding:0 var(--space-5) 0 var(--space-4);border:0;border-radius:var(--radius-md);background:var(--grad-brand);color:var(--mint-ink);font:600 var(--fs-button)/1 var(--font-sans);white-space:nowrap;box-shadow:var(--shadow-cta);cursor:pointer;transition:background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
@media(hover:hover){.cs-call-play:hover{background:var(--grad-brand-hover);box-shadow:var(--shadow-cta-hover)}}
.cs-call-play svg{flex:none;width:1.125rem;height:1.125rem}
.cs-call .cs-i-pause,.cs-call .cs-i-replay{display:none}
.cs-call.is-playing .cs-i-pause{display:block}
.cs-call.is-playing .cs-i-play{display:none}
.cs-call.is-ended:not(.is-playing) .cs-i-replay{display:block}
.cs-call.is-ended:not(.is-playing) .cs-i-play{display:none}
/* Scrubber: 44px tall hit area, 6px track, 20px thumb. */
.cs-call-seek{grid-area:seek;--p:0%;width:100%;min-width:0;height:var(--control-h);margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none}
.cs-call-seek::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-blue)) 0 0/var(--p) 100% no-repeat,#2A3138}
.cs-call-seek::-moz-range-track{height:6px;border-radius:6px;background:#2A3138}
.cs-call-seek::-moz-range-progress{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-blue))}
.cs-call-seek::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:0;border-radius:50%;background:var(--text);box-shadow:0 0 0 3px var(--accent-blue)}
.cs-call-seek::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--text);box-shadow:0 0 0 3px var(--accent-blue)}
.cs-call-seek:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px;border-radius:var(--radius-sm)}
.cs-call-time{grid-area:time;display:inline-flex;justify-content:flex-end;gap:.375rem;min-width:6.25rem;font:500 var(--fs-small)/1 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
.cs-call-time [data-elapsed]{color:var(--text)}
.cs-call-label{margin:0;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--line);font:600 var(--fs-label)/1.4 var(--font-sans);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--label-teal)}
/* Conversation window */
.cs-call-window{position:relative}
.cs-call.is-ready .cs-call-window{height:27rem;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 2rem,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 2rem,#000 calc(100% - 3rem),transparent)}
.cs-call.is-ready.is-expanded .cs-call-window{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}
.cs-call-turns{position:relative;display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:var(--space-5);list-style:none}
.cs-call.is-ready:not(.is-expanded) .cs-call-turns{transform:translateY(calc(var(--shift,0px) * -1));transition:transform var(--dur-slow) var(--ease-out)}
.cs-turn{position:relative;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(34rem,88%);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);transition:opacity var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.cs-turn-agent{align-self:flex-start;background:var(--raised)}
.cs-turn-caller{align-self:flex-end;background:rgba(244,243,245,.025)}
.cs-turn-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:1.5rem}
.cs-turn-who,.cs-turn-text,.cs-field dd{min-width:0;overflow-wrap:anywhere}
.cs-turn-avatar{display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border:1px solid var(--outline);border-radius:50%;color:var(--text-2)}
.cs-turn-avatar svg{width:.875rem;height:.875rem}
.cs-turn-agent .cs-turn-avatar{border-color:var(--glow-line);background:var(--mint-fill)}
.cs-turn-who{font-size:var(--fs-small);font-weight:600;line-height:1.2;color:var(--text)}
.cs-turn-agent .cs-turn-who{color:var(--mint-soft)}
.cs-turn-text{margin:0;font-size:var(--fs-body);line-height:1.55;color:var(--text)}
/* Each turn is one seek target: the time button stretches over the whole turn. */
.cs-turn-seek{margin-left:auto;padding:0 0 0 var(--space-2);border:0;background:none;font:500 var(--fs-caption)/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);cursor:pointer}
.cs-turn-seek::after{content:"";position:absolute;inset:-1px;border-radius:inherit}
.cs-turn-seek:focus-visible{outline:none}
.cs-turn-seek:focus-visible::after{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px}
.cs-turn{border-radius:var(--radius-lg)}
.cs-turn-seek::after{border-radius:var(--radius-lg)}
/* Actions taken during the call */
.cs-turn-system{align-self:center;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2);max-width:100%;padding:var(--space-2) var(--space-4);border-color:var(--mint-line);border-radius:var(--radius-pill);background:var(--mint-fill);color:var(--mint-soft)}
.cs-turn-system>svg{flex:none;width:1.125rem;height:1.125rem}
.cs-turn-event{min-width:0;overflow-wrap:anywhere;font-size:var(--fs-small);font-weight:600;line-height:1.35}
.cs-turn-system .cs-turn-seek{color:var(--mint-soft);opacity:.75}
.cs-turn-system .cs-turn-seek::after{border-radius:var(--radius-pill)}
.cs-turn-booked{border-color:var(--glow-line);background:linear-gradient(90deg,rgba(44,227,192,.14),rgba(52,175,242,.06)),var(--mint-fill);color:var(--text)}
@media(hover:hover){.cs-turn:hover{border-color:var(--outline)}}
.cs-call.is-ready .cs-turn.is-future{opacity:.4}
.cs-call.is-ready .cs-turn.is-past{opacity:.78}
.cs-call.is-ready.is-expanded .cs-turn.is-future{opacity:.72}
.cs-turn.is-active{opacity:1;border-color:var(--glow-line);box-shadow:var(--glow-sm)}
.cs-turn-agent.is-active{background:linear-gradient(90deg,rgba(44,227,192,.08),rgba(52,175,242,.03)),var(--raised)}
.cs-call-more{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:var(--control-h);padding:var(--space-2) var(--space-5);border:0;border-top:1px solid var(--line);background:none;color:var(--text-2);font:500 var(--fs-small)/1.2 var(--font-sans);cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}
@media(hover:hover){.cs-call-more:hover{color:var(--text)}}
.cs-call-more:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:-4px;border-radius:var(--radius-md)}
.cs-call-more svg{width:1.125rem;height:1.125rem;transition:transform var(--dur-base) var(--ease-out)}
.cs-call.is-expanded .cs-call-more svg{transform:rotate(180deg)}
/* Details captured */
.cs-call-details{grid-area:details;position:sticky;top:calc(var(--nav-h,4.25rem) + var(--space-4));padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--raised);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.cs-call.is-ended .cs-call-details{border-color:var(--glow-line);box-shadow:var(--glow-sm)}
.cs-call-details-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--fs-body);font-weight:600;line-height:1.3;letter-spacing:0;color:var(--text)}
.cs-call-details-title svg{flex:none;width:1.125rem;height:1.125rem;color:var(--label-teal)}
.cs-call-details{container-type:inline-size}
/* Before playback a short note stands in for the fields; rows appear in order as the script reaches them, so no
   empty rows sit between filled ones. call-demo.js measures the finished state and holds the region at that height,
   so the panel never resizes during playback or seeking. */
.cs-call-hint{display:none;margin:0;padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--fs-body-sm);line-height:1.55;color:var(--text-2)}
.cs-call.is-ready .cs-call-summary{display:grid}
.cs-call.is-ready .cs-call-summary>*{grid-area:1/1;min-width:0}
.cs-call.is-ready .cs-call-hint{display:block;align-self:start}
.cs-call.is-ready.is-started .cs-call-hint{visibility:hidden}
.cs-call.is-ready .cs-field:not(.has-value),.cs-call.is-ready .cs-vals .cs-val:not(.is-on){display:none}
.cs-call.is-measuring .cs-field:not(.has-value){display:grid}
.cs-call.is-measuring .cs-vals .cs-val:not(.is-on){display:flex}
.cs-call-fields{margin:0}
.cs-field{display:grid;grid-template-columns:minmax(0,1fr);gap:.125rem;padding:.4375rem 0;border-top:1px solid var(--line)}
@container (min-width:16rem){
  .cs-field{grid-template-columns:6.75rem minmax(0,1fr);column-gap:var(--space-3);align-items:baseline}
  .cs-field-collected{grid-template-columns:minmax(0,1fr)}
}
.cs-field dt{overflow-wrap:break-word;font-size:var(--fs-caption);font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cs-field dd{margin:0;font-size:var(--fs-body-sm);line-height:1.45;color:var(--text)}
.cs-call:not(.is-ready) .cs-val[data-until]{display:none}
/* Every value for a field shares one grid cell and hidden values keep their space, so the panel never
   changes height while the demo plays. */
.cs-call.is-ready .cs-field dd{display:grid}
.cs-call.is-ready .cs-field dd>*{grid-area:1/1}
.cs-call.is-ready .cs-val:not(.is-on){visibility:hidden}
.cs-call.is-ready .cs-val.is-on{animation:cs-call-reveal var(--dur-base) var(--ease-out)}
@keyframes cs-call-reveal{from{opacity:0;transform:translateY(4px)}}
.cs-vals{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}
.cs-vals li{display:flex;align-items:flex-start;gap:var(--space-2)}
.cs-vals svg{flex:none;width:1rem;height:1rem;margin-top:.15em;color:var(--label-teal)}
.cs-val.is-booked{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600}
.cs-val-check{display:grid;place-items:center;flex:none;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--grad-brand);color:var(--mint-ink)}
.cs-val-check svg{width:.875rem;height:.875rem;stroke-width:2.5}
.cs-call-foot{padding-top:var(--space-3);border-top:1px solid var(--line)}
/* With the player running, the end-of-call replay sits beside the panel title instead of in its own row. */
.cs-call.is-ready .cs-call-details{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title foot" "summary summary";align-items:center;column-gap:var(--space-3)}
.cs-call.is-ready .cs-call-details-title{grid-area:title}
.cs-call.is-ready .cs-call-summary{grid-area:summary;align-self:start}
.cs-call.is-ready .cs-call-foot{grid-area:foot;padding-top:0;border-top:0}
/* Beside the transcript on wide screens the panel is narrow, so the replay keeps its own row under the fields. */
@media(min-width:901px){
  .cs-call.is-ready .cs-call-details{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "summary" "foot"}
  .cs-call.is-ready .cs-call-foot{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}
}
.cs-call-replay{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border:1px solid var(--outline);border-radius:var(--radius-md);background:none;color:var(--text);font:500 var(--fs-small)/1 var(--font-sans);cursor:pointer;visibility:hidden;transition:border-color var(--dur-fast) var(--ease-out)}
.cs-call-replay svg{width:1rem;height:1rem}
@media(hover:hover){.cs-call-replay:hover{border-color:rgba(244,243,245,.42)}}
.cs-call.is-ended .cs-call-replay{visibility:visible}
.cs-call :focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.cs-call .cs-turn-seek:focus-visible{outline:none}
.cs-call-play:focus-visible,.cs-call-replay:focus-visible{outline-offset:3px}
@media(max-width:900px){
  .cs-call{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "details";max-width:40rem}
  .cs-call-details{position:static}
}
@media(max-width:600px){
  .cs-call{gap:var(--space-4)}
  .cs-call-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2)}
  .cs-call-time{margin-left:auto;min-width:0}
  .cs-call-seek{flex:1 1 100%}
  .cs-call-play{min-width:0}
  .cs-call-label{padding:var(--space-3) var(--space-4)}
  .cs-call.is-ready .cs-call-window{height:23rem}
  .cs-call-turns{padding:var(--space-4)}
  .cs-turn{max-width:92%;padding:var(--space-3)}
  .cs-call-details{padding:var(--space-4)}
}
.cs-call-page{display:flex;flex-direction:column;justify-content:center;gap:24px;min-height:calc(100svh - 72px);max-width:72rem;margin:0 auto;padding:24px 20px 40px}.cs-call-page .cs-button{align-self:center}

/* Votel dark polish (Oct 2026) */
.cs-dialog{border-color:#1C2227;border-radius:24px}
.cs-dialog::backdrop{background:rgba(0,0,0,.6)}
.cs-progress span{background:linear-gradient(90deg,#2CE3C0,#34AFF2)}
.cs-option{border-radius:12px}
.cs-dialog .cs-option small{border-radius:8px}
.cs-dialog .cs-option:has(input:checked) small{background:linear-gradient(90deg,#2CE3C0,#34AFF2);border-color:transparent;color:#07111A}
.cs-arrow{border-radius:12px}
.cs-input{border-radius:12px;border-color:#28282A;background:#0D1016}
.cs-input:focus{border-color:#34AFF2;box-shadow:0 0 0 4px rgba(15,121,156,.3)}
.cs-button{border-radius:12px;background:linear-gradient(90deg,#2CE3C0,#34AFF2);color:#07111A;box-shadow:0 8px 28px rgba(44,227,192,.22)}
.cs-button:hover{background:linear-gradient(90deg,#4BEACD,#56BEF5);color:#07111A}
.cs-pill{border-color:#0C4C63;background:#09141D}
/* Cookie banner: opaque surface, Decline and Accept carry equal weight, Customize is the quieter third option.
   consent.js reserves the banner's height at the end of the page so nothing ends up permanently underneath it. */
body{padding-bottom:var(--cs-cookie-space,0px)}
.cs-cookie{background:#0B1219;border-top-color:#1C2227;box-shadow:0 -10px 40px rgba(0,0,0,.5);padding-bottom:env(safe-area-inset-bottom)}
.cs-cookie-inner{padding:14px 28px;gap:12px 28px}
.cs-cookie-copy p{font-size:13px;line-height:1.55}
.cs-cookie-btn{border-radius:12px;border-color:#28282A;background:#121A22}
.cs-cookie-btn:hover{border-color:#3A4651;background:#16202A}
.cs-cookie-btn.cs-cookie-quiet{border-color:transparent;background:transparent;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;padding-inline:10px}
.cs-cookie-btn.cs-cookie-quiet:hover{color:var(--text);background:transparent;border-color:transparent}
@media(max-width:860px){.cs-cookie-inner{padding:12px 16px;gap:10px}.cs-cookie-actions{grid-template-columns:auto 1fr 1fr;gap:8px}}
@media(min-width:620px) and (max-width:860px){.cs-cookie-inner{flex-direction:row;align-items:center}.cs-cookie-actions{display:flex}.cs-cookie-actions .cs-cookie-btn:not(.cs-cookie-quiet){min-width:96px}}
@media(max-width:480px){.cs-cookie-icon{display:none}.cs-cookie-copy p{font-size:13px}}
.cs-cookie-primary{background:linear-gradient(90deg,#2CE3C0,#34AFF2);border-color:transparent;color:#07111A;box-shadow:0 6px 20px rgba(44,227,192,.22)}
.cs-cookie-primary:hover{background:linear-gradient(90deg,#4BEACD,#56BEF5);border-color:transparent}
.cs-cookie-panel{border-color:#1C2227;border-radius:24px;background:#0B1219}
.cs-cookie-panel::backdrop{background:rgba(0,0,0,.6)}

/* Desktop quiz widget: wide panel, top-left mark, left-weighted content column (Oct 2026) */
@media(min-width:1024px){
.cs-dialog[open]{width:min(1500px,calc(100vw - 190px));height:min(960px,calc(100dvh - 70px));max-width:none;max-height:none;border-radius:16px}
.cs-dialog-bar{grid-template-columns:auto 1fr 44px;padding:40px 44px 0}
.cs-dialog-bar>span[aria-hidden="true"]{display:none}
.cs-dialog-mark{grid-column:1;justify-self:start}
.cs-dialog-mark .cs-dialog-icon{width:51.5px;height:51.5px}
.cs-dialog-mark .cs-dialog-word{height:26px}
.cs-dialog .cs-close{grid-column:3}
.cs-quiz-body{padding:0 48px 44px calc(10.5% + 40px)}
.cs-question{justify-content:safe center}
.cs-question h2{position:relative;font-size:40px;min-height:0;margin:0 0 12px}
.cs-question h2[data-n]::before{content:attr(data-n);position:absolute;left:-42px;top:.38em;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:var(--cs-accent);color:var(--mint-ink);font:600 13px/1 var(--font-mono);letter-spacing:0}
.cs-question p{font-size:20px;line-height:1.5;min-height:0;max-width:none;margin:0 0 36px}
.cs-dialog .cs-options{gap:10px}
.cs-dialog .cs-option{width:min(720px,100%);min-height:64px;padding:12px 20px 12px 14px;font-size:19px;border-radius:10px}
.cs-dialog .cs-option small{width:32px;height:32px;font-size:13px;border-radius:6px}
.cs-arrow{width:48px;height:48px}
}

/* Brand icon uses the CTA gradient everywhere (#cs-grad is injected right after the opening body tag at build time) */
.brand-mark,.cs-mark,.cs-dialog-icon,.cs-logo-inline-mark,.footer-mark-icon{stroke:url(#cs-grad)}