/* The marketing site's stylesheet, version 4. GENERATED from the v4 boards by design/tools/marketing-v4/site.mjs; change the board's source, then run the tool. */
@font-face{font-family:Inter;src:url(/fonts/inter-latin-var.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-grotesque-latin.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/fonts/ibm-plex-mono-latin-400.woff2) format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/fonts/ibm-plex-mono-latin-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107.1%;ascent-override:90.4%;descent-override:22.5%;line-gap-override:0%}
@font-face{font-family:"Bricolage Fallback";src:local("Arial");size-adjust:103.6%;ascent-override:89.8%;descent-override:26.1%;line-gap-override:0%}
/* servecounter.com, marketing v4. The rewrite's tokens (design/tokens/colors.css inktblauw + the customer-surface block,
   typography.css): Inter text, Bricolage Grotesque headings, IBM Plex Mono for money and clock times. Each .dev frame is
   a size container named site; the canonical web boundaries are container queries (tablet 720-1023.98, phone <720). */
.sv4{
  --ground:#f4f6fa;--paper:#fff;--ink:#0e1524;--muted:#586680;--line:#dfe5ef;--accent:#35558a;--accent-ink:#fff;
  --accent-deep:#1d2f52;--accent-text:#35558a;--desk:#e7edf7;--desk-line:rgb(53 85 138/.11);--ring:rgb(53 85 138/.38);
  --ok:#317538;--ok-bg:#eaf1e8;--ok-ink:#2c6633;--warn-bg:#fbf3d6;--warn-ink:#3d2a08;--warn-line:#f0d8a8;--open-bg:#fdeeea;--open-ink:#8f0722;
  --logo-plate:#1d2f52;--logo-face:#fff;--shadow:0 1px 3px rgb(0 0 0/.06);
  --display:"Bricolage Grotesque","Bricolage Fallback",Inter,sans-serif;--body:Inter,"Inter Fallback",ui-sans-serif,system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --pad:64px;--max:1240px;
  background:var(--ground);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;
  font-optical-sizing:auto;text-rendering:optimizeLegibility;
}
.sv4[data-theme="dark"]{
  --ground:#0b101c;--paper:#141c2e;--ink:#e9edf5;--muted:#93a1bd;--line:#233049;--accent:#7fa0d8;--accent-ink:#0b101c;
  --accent-deep:#9db9e6;--accent-text:#9db9e6;--desk:#111a2c;--desk-line:rgb(127 160 216/.10);--ring:rgb(127 160 216/.45);
  --ok:#4ea85c;--ok-bg:#16251a;--ok-ink:#7cc488;--warn-bg:#2a2410;--warn-ink:#f0d8a8;--warn-line:#4a3d18;--open-bg:#2a1418;--open-ink:#f08a9c;
  --logo-plate:#35558a;--logo-face:#fff;--shadow:0 1px 3px rgb(0 0 0/.4);color-scheme:dark;
}
@media (prefers-color-scheme:dark){
.sv4:not([data-theme]){
  --ground:#0b101c;--paper:#141c2e;--ink:#e9edf5;--muted:#93a1bd;--line:#233049;--accent:#7fa0d8;--accent-ink:#0b101c;
  --accent-deep:#9db9e6;--accent-text:#9db9e6;--desk:#111a2c;--desk-line:rgb(127 160 216/.10);--ring:rgb(127 160 216/.45);
  --ok:#4ea85c;--ok-bg:#16251a;--ok-ink:#7cc488;--warn-bg:#2a2410;--warn-ink:#f0d8a8;--warn-line:#4a3d18;--open-bg:#2a1418;--open-ink:#f08a9c;
  --logo-plate:#35558a;--logo-face:#fff;--shadow:0 1px 3px rgb(0 0 0/.4);color-scheme:dark;
}
}
@media (max-width:1023.98px){.sv4{--pad:40px}}
@media (max-width:719.98px){.sv4{--pad:16px;font-size:16px}}
.sv4 *{box-sizing:border-box}
.sv4 ::selection{background:var(--accent);color:var(--accent-ink)}
.sv4 a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
.sv4 a:hover{color:var(--accent-text)}
.sv4 :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.sv4 h1,.sv4 h2,.sv4 h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.02;margin:0;text-wrap:balance}
.sv4 h1{font-size:76px;font-weight:800;letter-spacing:-.038em}
.sv4 h2{font-size:48px}
.sv4 h3{font-size:24px;letter-spacing:-.02em;line-height:1.15}
.sv4 p{margin:0;text-wrap:pretty}
.sv4 .lead{font-size:21px;line-height:1.5;color:var(--muted);max-width:34em}
.sv4 .m{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sv4 .mut{color:var(--muted)}
@media (max-width:1023.98px){.sv4 h1{font-size:58px}.sv4 h2{font-size:38px}}
@media (max-width:719.98px){.sv4 h1{font-size:40px}.sv4 h2{font-size:30px}.sv4 h3{font-size:21px}.sv4 .lead{font-size:18px}}
.w{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.band{padding:104px 0}
.band+.band{padding-top:0}
@media (max-width:719.98px){.band{padding:64px 0}}

/* buttons: the app's control radius, one fill, one quiet */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;
  font:600 16px/1 var(--body);text-decoration:none;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);cursor:pointer;
  transition:background-color .15s,border-color .15s}
.sv4 a.b:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--accent-ink)}
.sv4[data-theme="dark"] a.b:hover{color:#0b101c}
@media (prefers-color-scheme:dark){
.sv4:not([data-theme]) a.b:hover{color:#0b101c}
}
.sv4 a.b{color:var(--accent-ink)}
.b.q,.sv4 a.b.q{background:transparent;color:var(--ink);border-color:var(--line)}
.sv4 a.b.q:hover{background:var(--paper);border-color:var(--ink);color:var(--ink)}
.acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.note{font-size:14px;color:var(--muted)}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* header */
.hd{position:relative;z-index:5;border-bottom:1px solid var(--line);background:var(--ground)}
.hd .w{display:flex;align-items:center;gap:32px;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 21px/1 var(--display);letter-spacing:-.025em;min-height:44px}
.brand .mark{width:32px;height:32px}
.nav{display:flex;gap:4px;margin-right:auto}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;text-decoration:none;font-weight:500;font-size:16px}
.nav a[aria-current=page]{color:var(--accent-text);box-shadow:inset 0 -2px 0 var(--accent)}
.hd-r{display:flex;align-items:center;gap:8px}
.lang,.menu-b{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 10px;border-radius:8px;
  background:none;border:0;color:var(--ink);font:500 15px/1 var(--body);cursor:pointer}
.hd .si{text-decoration:none;font-weight:500;min-height:44px;display:inline-flex;align-items:center;padding:0 10px}
.menu-b{display:none}
@media (max-width:1023.98px){.nav a{padding:0 9px;font-size:15px}.hd .w{gap:16px}.hd .si{display:none}}
@media (max-width:719.98px){.nav,.hd .lang{display:none}.hd-r{margin-left:auto}.menu-b{display:inline-flex}.hd .w{min-height:64px}.hd .b{min-height:44px;padding:0 16px;font-size:15px}.brand span{display:none}}

/* footer */
.ft{border-top:1px solid var(--line);padding:72px 0 40px;font-size:15px}
.ft .cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.ft h2{font:600 15px/1.3 var(--body);letter-spacing:0;margin-bottom:12px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ft li a{display:inline-flex;min-height:32px;align-items:center;text-decoration:none;color:var(--muted)}
.ft li a:hover{color:var(--ink)}
.ft .soon{color:var(--muted);font-size:14px;padding-top:6px}
.ft .about p{color:var(--muted);max-width:24em;margin-top:14px}
.ft .base{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.ft .lang{border:1px solid var(--line)}
@media (max-width:1023.98px){.ft .cols{grid-template-columns:repeat(3,1fr)}.ft .about{grid-column:1/-1}}
@media (max-width:719.98px){.ft .cols{grid-template-columns:1fr 1fr}}

/* motion control: one per page, beside the first scene */
.motion{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);
  background:var(--paper);color:var(--ink);font:500 14px/1 var(--body);cursor:pointer}
.motion .ip{display:none}.motion[aria-pressed=true] .ip{display:block}.motion[aria-pressed=true] .ia{display:none}

/* hero: copy on the left, the stage running off the right edge of the page */
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;
  padding:80px 0 88px calc(max(0px,(100vw - var(--max))/2) + var(--pad));overflow:hidden}
.hero .copy{display:grid;gap:28px;align-content:start;max-width:560px}
.hero h1{font-size:64px}
.hero .stage{border-radius:24px 0 0 24px;min-height:560px}
@media (max-width:1023.98px){.hero h1{font-size:54px}.hero{grid-template-columns:1fr;padding:56px var(--pad) 72px;gap:40px}.hero .stage{border-radius:20px;min-height:0}}
@media (max-width:719.98px){.hero h1{font-size:40px}.hero{padding:40px var(--pad) 56px;gap:28px}.hero .copy{gap:20px}}

/* the stage: a desk-blue surface the slot sits on */
.stage{position:relative;background:var(--desk);display:flex;flex-direction:column;justify-content:center;padding:40px 32px 88px;border-radius:24px}
.stage>.slot{width:100%;max-width:880px;margin:0 auto}
.stage .ctl{position:absolute;left:20px;bottom:20px;z-index:3}
.stage:not(:has(.ctl)){padding-bottom:48px}
@media (max-width:719.98px){.stage{padding:24px 12px 72px}.stage:not(:has(.ctl)){padding-bottom:24px}.stage .ctl{left:12px;bottom:12px}}

/* the ruled list: the site's list of facts (never cards) */
.rl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.rl>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.rl>li h3{font-size:21px}
.rl>li p{color:var(--muted);max-width:36em}
.rl h3 a{text-decoration:none}
.rl h3 a:hover{text-decoration:underline}
@media (max-width:719.98px){.rl>li{grid-template-columns:1fr;gap:6px;padding:18px 0}}

.sec-h{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;margin-bottom:48px;align-items:end}
.sec-h p{color:var(--muted);font-size:19px;max-width:34em}
@media (max-width:1023.98px){.sec-h{grid-template-columns:1fr;gap:16px;margin-bottom:32px}}

/* questions */
.qa{border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:64px;padding:12px 0;cursor:pointer;
  font:600 19px/1.35 var(--body)}
.qa summary::-webkit-details-marker{display:none}
.qa summary .ico{transition:transform .2s}
.qa details[open] summary .ico{transform:rotate(45deg)}
.qa details p{padding:0 0 22px;color:var(--muted);max-width:44em}
.qa-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}
@media (max-width:1023.98px){.qa-grid{grid-template-columns:1fr;gap:24px}}

/* the closer: the one solid accent field on a page */
.closer{background:var(--accent);color:var(--accent-ink);border-radius:24px;padding:72px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end}
.closer h2{color:var(--accent-ink);font-size:52px}
.closer p{opacity:.88}
.closer .b,.sv4 .closer a.b{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}
.sv4 .closer a.b:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.closer .b.q,.sv4 .closer a.b.q{background:transparent;color:var(--accent-ink);border-color:currentColor}
.sv4 .closer a.b.q:hover{background:transparent;color:var(--accent-ink);border-color:var(--accent-ink)}
.closer :focus-visible{outline-color:var(--accent-ink)}
@media (max-width:1023.98px){.closer{grid-template-columns:1fr;padding:48px 40px}.closer h2{font-size:40px}}
@media (max-width:719.98px){.closer{padding:36px 20px;border-radius:18px}.closer h2{font-size:30px}}

/* chips and the Coming line */
.chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font:600 13px/1 var(--body);background:var(--paper);border:1px solid var(--line);color:var(--muted)}
.chip.on{background:var(--ok-bg);color:var(--ok-ink);border-color:transparent}
.coming{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;color:var(--muted);font-size:15px}
.coming strong{color:var(--ink);font-weight:600;margin-right:4px}

/* the notice pair (amber), boxed */
.notice{background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-line);border-radius:12px;padding:16px 18px;font-size:15px}

/* empty states */
.empty{border:1px dashed var(--line);border-radius:20px;padding:56px;display:grid;gap:14px;justify-items:start;background:var(--paper)}
.empty p{color:var(--muted);max-width:36em}
@media (max-width:719.98px){.empty{padding:28px 20px}}

/* page head for text pages */
.ph{padding-top:80px;padding-bottom:56px;display:grid;gap:20px;max-width:880px}
@media (max-width:719.98px){.ph{padding-top:44px;padding-bottom:32px}}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted);min-height:24px;display:inline-flex;align-items:center}

/* forms */
.fieldset{display:grid;gap:8px}
.fieldset label{font-weight:600;font-size:15px}
.input{min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:400 16px/1.4 var(--body);padding:12px 14px;width:100%}
.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
textarea.input{min-height:140px;resize:vertical}
.range{width:100%;accent-color:var(--accent);min-height:32px}

@media (prefers-reduced-motion:reduce){.sv4 *,.sv4 *::before,.sv4 *::after{transition:none!important;animation:none!important}}
.tlink{display:inline-flex;align-items:center;min-height:24px}
/* interface motion (ui.js and the handoff's Interface motion spec) */
.qa summary .ico{transition:transform 200ms cubic-bezier(.2,0,0,1)}
.qa details.closing summary .ico{transform:none}
.qa details>summary+*{overflow:hidden}
.b{transition:transform 120ms cubic-bezier(.2,0,0,1),box-shadow 120ms ease,background-color 120ms ease}
.sv4 a.b:hover{transform:translateY(-1px);box-shadow:0 3px 10px var(--ring)}
.rl>li,.tr-rows a{transition:background-color 120ms ease}
.rv{opacity:0;transform:translateY(8px)}
.rv.rv-in{opacity:1;transform:none;transition:opacity 300ms cubic-bezier(.2,0,0,1),transform 300ms cubic-bezier(.2,0,0,1)}
.w.ph{max-width:var(--max)}
.w.ph>*{max-width:880px}
/* The engines' slot and the design-system components inside it (engines.js). Every colour is a token: the site's own
   block (site.css) plus the product's component pairs from design/tokens/colors.css, light and dark. Motion scale from
   the handoff: 120 micro, 200 small, 240-260 panel, 300 reveal; cubic-bezier(.2,0,0,1) or ease, nothing else. */
.slot{--card:var(--paper);--cell:#eef2f8;--accent-soft:#e7edf7;--accent-soft-ink:#1d2f52;--chip-open-bg:#fdeeea;--chip-open-ink:#8f0722;
  --chip-paid-bg:#eaf1e8;--chip-paid-ink:#2c6633;--strip-bg:#fbf3d6;--strip-ink:#3d2a08;--strip-line:#f0d8a8;--tomaat:#b40a2d;
  --e:cubic-bezier(.2,0,0,1);margin:0;display:grid;gap:10px;container:slot/inline-size;font:400 14px/1.4 var(--body);color:var(--ink)}
.sv4[data-theme="dark"] .slot{--cell:#1a2338;--accent-soft:#1d2a44;--accent-soft-ink:#aec4e8;--chip-open-bg:#2a1418;--chip-open-ink:#f08a9c;
  --chip-paid-bg:#16251a;--chip-paid-ink:#7cc488;--strip-bg:#2a2410;--strip-ink:#f0d8a8;--strip-line:#4a3d18;--tomaat:#e5566f}
@media (prefers-color-scheme:dark){
.sv4:not([data-theme]) .slot{--cell:#1a2338;--accent-soft:#1d2a44;--accent-soft-ink:#aec4e8;--chip-open-bg:#2a1418;--chip-open-ink:#f08a9c;
  --chip-paid-bg:#16251a;--chip-paid-ink:#7cc488;--strip-bg:#2a2410;--strip-ink:#f0d8a8;--strip-line:#4a3d18;--tomaat:#e5566f}
}
.slot bdi{unicode-bidi:isolate}
.slot-box{position:relative;border-radius:16px;border:1px solid var(--line);background:var(--card);padding:16px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.slot-in{display:flex;flex-direction:column;gap:10px;flex:1}
.slot-hd{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:baseline;justify-content:space-between}
.slot-t{font:700 16px/1.3 var(--body)}
.slot-m{font:400 13px/1.3 var(--mono);color:var(--muted)}
.slot-strip{min-height:28px;display:flex;align-items:center}
.slot-strip bdi{display:inline-flex;padding:4px 12px;border-radius:14px;background:var(--strip-bg);color:var(--strip-ink);border:1px solid var(--strip-line);font:500 13px/1.35 var(--body)}
.slot-strip bdi:empty{display:none}
.slot-node{flex:1;display:flex;flex-direction:column}
.slot-node>*{flex:1}
.slot-ft{font:400 13px/1.4 var(--mono);color:var(--muted);padding-inline:4px}
.slot [data-new]{animation:sc-in 240ms var(--e) both}
.slot .sg-b[data-new]{animation:sc-pop 240ms var(--e) both}
.slot .tbl [data-new],.slot .tbl[data-new]{animation:none}
@keyframes sc-in{from{opacity:0;transform:translateY(8px)}}
@keyframes sc-pop{from{opacity:0;transform:scale(.94)}}
.slot .dim{opacity:.45}
.slot .out{opacity:0;transform:scale(.96)}

/* layout: a main column and a side column that drops under it in a narrow slot */
.lay{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.lay-main{flex:1 1 300px;min-width:0;display:flex;flex-direction:column}
.lay-main>*{flex:1}
.lay-side{flex:0 1 240px;min-width:200px;display:flex;flex-direction:column;gap:10px}
.lay-side.stack>*{flex:none}
@container slot (max-width:600px){.lay-side{flex:1 1 100%}}
.seqp{display:flex;flex-direction:column}

/* Panel */
.pn{border:1px solid var(--line);border-radius:12px;background:var(--ground);padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.pn-l{font:600 13px/1.3 var(--body);color:var(--muted)}
.pn-empty{color:var(--muted);font-size:13px;margin:0}

/* SlotGrid: the Calendar's day */
.sg{display:flex;flex-direction:column;gap:6px;min-width:0}
.sg-hd,.sg-body{display:grid;grid-template-columns:44px repeat(var(--n),minmax(0,1fr));gap:6px}
.sg-hd>div{display:flex;flex-direction:column;padding:5px 8px;border-radius:8px;background:var(--cell);min-width:0}
.sg-hd b{font:600 13px/1.3 var(--body)}
.sg-hd span{font-size:11px;color:var(--muted)}
.sg-body{position:relative}
.sg-g{position:relative}
.sg-g span{position:absolute;inset-inline-end:2px;font:400 11px/1 var(--mono);color:var(--muted);margin-top:2px}
.sg-col{position:relative;border-radius:8px;background-color:var(--ground);background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px)}
.sg-b{position:absolute;inset-inline:3px;border-radius:7px;padding:3px 7px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:1px;
  font:400 12px/15px var(--body);background:var(--accent-soft);color:var(--accent-soft-ink);
  transition:top 240ms var(--e),height 240ms var(--e),background-color 200ms ease,color 200ms ease,opacity 200ms ease,transform 200ms ease,box-shadow 200ms ease}
.sg-b b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-bt,.sg-bm{display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;min-width:0}
.sg-bt{font:400 11px/15px var(--mono)}
.sg-b .ch{min-height:16px;font-size:10px;padding:0 6px}
.sg-b.tone-on{background:var(--accent);color:var(--accent-ink)}
.sg-b.tone-paid{background:var(--chip-paid-bg);color:var(--chip-paid-ink)}
.sg-b.tone-off{background:repeating-linear-gradient(135deg,var(--cell) 0 6px,var(--ground) 6px 12px);color:var(--muted)}
.sg-b.tone-ns{background:repeating-linear-gradient(135deg,var(--chip-open-bg) 0 6px,var(--card) 6px 12px);color:var(--chip-open-ink)}
.sg-b.tone-held{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--accent)}
.sg-b.ring{box-shadow:0 0 0 2px var(--ground),0 0 0 4px var(--accent)}
.sg-now{position:absolute;inset-inline:50px 0;height:2px;background:var(--tomaat);border-radius:2px;transition:top 240ms var(--e)}

/* Chip, Button, Amount */
.ch{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;font:600 11px/1 var(--body);white-space:nowrap;background:var(--cell);color:var(--ink);flex:none}
.ch-paid{background:var(--chip-paid-bg);color:var(--chip-paid-ink)}
.ch-open{background:var(--chip-open-bg);color:var(--chip-open-ink)}
.ch-on{background:var(--accent);color:var(--accent-ink)}
.ch-warn{background:var(--strip-bg);color:var(--strip-ink)}
.slot .btn{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;font:600 14px/1.2 var(--body);
  background:var(--accent);color:var(--accent-ink);transition:transform 120ms var(--e),background-color 200ms ease,color 200ms ease}
.slot .btn-quiet{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.slot .btn.pressed{transform:scale(.97)}
.am{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}
.am.neg{color:var(--muted)}
.am.big{font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}

/* Ticket and Row */
.tk{display:flex;flex-direction:column;gap:4px}
.tk-hd{display:flex;justify-content:space-between;align-items:baseline;gap:4px 10px;flex-wrap:wrap;padding-bottom:4px}
.tk-hd b{font:600 15px/1.3 var(--body)}
.tk-hd span{font-size:12px;color:var(--muted)}
.tk-rows{display:flex;flex-direction:column}
.slot .row{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);min-height:36px}
.row-l{flex:1;min-width:0;display:flex;flex-direction:column}
.row-l small{color:var(--muted);font-size:12px}
.tk-tot{display:flex;justify-content:space-between;gap:10px;padding-top:8px;margin-top:2px;border-top:2px solid var(--ink);font:700 15px/1.3 var(--body)}
.pay{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.pay.tap{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:12px;align-items:center;text-align:center}
.pay.tap b{font:600 15px/1.3 var(--body)}
.pay.tap small{color:var(--muted);font-size:12px}
.tap-ring{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--accent);margin-top:4px;animation:sc-tap 1.2s ease infinite}
@keyframes sc-tap{50%{box-shadow:inset 0 0 0 6px var(--accent-soft),0 0 0 2px var(--accent)}}
.pay.paid{padding:10px 12px;border-radius:12px;background:var(--chip-paid-bg);color:var(--chip-paid-ink)}
.pay.paid b{display:flex;gap:8px;align-items:center;font:600 16px/1.3 var(--mono)}
.pay.paid .ch,.conf .ch{background:var(--card);align-self:flex-start}
.pay.paid small{font-size:12px}

/* TableSimple: still, always */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:start;font-weight:600;color:var(--muted);padding:5px 8px;border-bottom:1px solid var(--line)}
.tbl td{padding:7px 8px;border-bottom:1px solid var(--line)}
.tbl .n{text-align:end;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl tfoot td{font-weight:700;border-top:2px solid var(--ink);border-bottom:0}
.pn-ts{background:var(--card)}

/* StatCard, ActRow, the note */
.stat{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 12px;display:flex;flex-direction:column;gap:2px;transition:opacity 200ms ease}
.stat>span:first-child{font-size:12px;color:var(--muted)}
.stat .am{font-size:20px;font-weight:600}
.stat small{font-size:12px;color:var(--muted)}
.alist{display:flex;flex-direction:column;gap:6px}
.slot .act{display:flex;gap:10px;align-items:center;padding:7px 10px;min-height:44px;border-radius:10px;background:var(--card);border:1px solid var(--line);transition:border-color 200ms ease,opacity 200ms ease,transform 200ms ease}
.act.on{border-color:var(--accent)}
.act-lead{font:500 12px/1 var(--mono);color:var(--muted);flex:none;min-width:48px}
.act-x{flex:1;min-width:0;display:flex;flex-direction:column}
.act-x b{font-weight:600;font-size:13px}
.act-x small{color:var(--muted);font-size:12px}
.enote{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:opacity 200ms ease}
.enote>span{font-size:12px;font-weight:600;color:var(--muted)}
.enote p{font-size:14px;min-height:2.8em}
.chs{display:flex;flex-wrap:wrap;gap:6px}

/* Field, SwitchRow, Segmented, the time chips */
.slot .fld{display:flex;flex-direction:column;gap:4px}
.slot .fld>span:first-child{font-size:12px;font-weight:600}
.fld-in{min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:8px 10px;font-size:14px}
.fld-in.ph{color:var(--muted)}
.fld-in.caret{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}
.fld-in.caret bdi::after{content:'';display:inline-block;width:1px;height:1em;background:var(--ink);margin-inline-start:1px;vertical-align:-2px}
.swr{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px}
.sw{width:36px;height:22px;border-radius:999px;background:var(--line);position:relative;transition:background-color 120ms ease}
.sw i{position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start 120ms var(--e)}
.sw.on{background:var(--ok)}.sw.on i{inset-inline-start:17px}
.seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--cell);gap:2px}
.seg span{padding:5px 12px;border-radius:999px;font:500 13px/1.3 var(--body);transition:background-color 200ms ease}
.seg .on{background:var(--card);box-shadow:var(--shadow)}
.times{display:flex;flex-wrap:wrap;gap:6px}
.times span{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--card);font:500 13px/1.2 var(--mono);transition:background-color 200ms ease,color 200ms ease}
.times .on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* side panels: the booking page, a question, the list */
.pn-page{background:var(--card)}
.pg-hd{display:flex;flex-direction:column;padding-bottom:4px;border-bottom:1px solid var(--line)}
.pg-hd b{font:600 14px/1.3 var(--body)}
.pg-hd small,.pg-day{font-size:12px;color:var(--muted)}
.svc{display:flex;flex-direction:column;padding:8px 10px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--card)}
.svc b{font-size:13px}.svc small{font-size:12px;color:var(--muted)}
.conf{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:10px;border-radius:10px;background:var(--chip-paid-bg);color:var(--chip-paid-ink)}
.conf .ch{background:var(--card)}
.conf b{font-size:14px}.conf small{font-size:12px}
.ask{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:var(--card);border:1px solid var(--line)}
.ask b{font-size:13px}.ask small{font-size:12px;color:var(--muted)}
.ask-b{display:flex;gap:6px}.ask-b .btn{flex:1;min-height:36px;font-size:13px}

/* report */
.rep{display:flex;flex-direction:column;gap:12px}
.rep-bar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.dl{position:relative;display:flex;gap:10px;align-items:center}
.dl .btn{min-height:36px}
.menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgb(0 0 0/.12);padding:4px;display:flex;flex-direction:column;min-width:150px;z-index:2}
.menu span{padding:8px 10px;border-radius:7px;font-size:13px}
.menu .on{background:var(--cell)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}

/* messages */
.msg{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:var(--card);border:1px solid var(--line)}
.msg span{font-size:12px;color:var(--muted)}
.msg b{font-size:13px}
.msg p{font-size:13px}

/* the crossover */
.x{display:flex;flex-direction:column;gap:18px;justify-content:center}
.x-v{display:flex;flex-direction:column;gap:2px}
.x-v>span{font-size:13px;color:var(--muted)}
.xb{display:grid;grid-template-columns:170px minmax(0,1fr) 80px;gap:12px;align-items:center}
.xb .am{text-align:end;font-size:16px}
.xb-l{display:flex;flex-direction:column}
.xb-l b{font-size:15px}.xb-l small{font-size:12px;color:var(--muted)}
.xb-t{position:relative;height:28px;border-radius:8px;background:var(--cell)}
.xb-t i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:8px;background:var(--accent);transition:width 120ms linear}
.xb.free .xb-t i{background:var(--muted)}
.xb-m{position:absolute;inset-block:-5px;width:0;border-inline-start:2px dashed var(--accent)}
.x-n{font:600 15px/1.4 var(--body);transition:opacity 200ms ease}
@container slot (max-width:520px){.xb{grid-template-columns:minmax(0,1fr) auto}.xb-t{grid-column:1/-1;order:3}}

/* sign-up steps, trades, who's looking */
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.steps li{padding:8px 10px;border-radius:10px;font-size:14px;color:var(--muted);border:1px solid transparent}
.steps .on{background:var(--card);border-color:var(--line);color:var(--ink);font-weight:600}
.steps .done{color:var(--ink)}
@container slot (max-width:600px){.steps{flex-direction:row;flex-wrap:wrap}.steps li{padding:4px 10px;font-size:13px}}
.form{display:flex;flex-direction:column;gap:10px}
.trades{display:flex;flex-wrap:wrap;gap:8px}
.trades span{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:14px;transition:background-color 200ms ease,color 200ms ease}
.trades .on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.who{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);transition:background-color 200ms ease,color 200ms ease}
.who b{font-size:14px}.who small{font-size:12px;opacity:.85}
.who.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* phones: the slot is as wide as the column; type stays readable, the side panel goes under */
@container slot (max-width:420px){.slot-box{padding:12px}.sg-hd,.sg-body{grid-template-columns:38px repeat(var(--n),minmax(0,1fr));gap:4px}.sg-hd>div{padding:4px 6px}.sg-now{inset-inline-start:42px}}

/* chrome */

.vp{position:relative;height:860px;overflow:hidden;background:var(--ground)}
@media (max-width:719.98px){.vp{height:844px}}
.nav-b{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 10px 0 14px;border-radius:8px;border:0;background:none;color:var(--ink);font:500 16px/1 var(--body);cursor:pointer}
.nav-b .ico{width:16px;height:16px;transition:transform 200ms cubic-bezier(.2,0,0,1)}
.nav-b[aria-expanded=true]{background:var(--paper);color:var(--accent-text)}
.nav-b[aria-expanded=true] .ico{transform:rotate(180deg)}
@media (max-width:1023.98px){.nav-b{font-size:15px;padding:0 6px 0 9px}}
.mm{position:absolute;inset:64px 0 0;background:var(--ground);padding:8px var(--pad) 24px;display:grid;gap:20px;align-content:start;overflow:auto;border-top:1px solid var(--line)}
.mm h2{font:600 14px/1.3 var(--body);letter-spacing:0;color:var(--muted);margin:12px 0 4px}
.mm ul{list-style:none;margin:0;padding:0}
.mm section ul{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
.mm li a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-weight:500}
.mm-flat{border-top:1px solid var(--line);padding-top:8px!important}
.mm-flat a{font:700 21px/1 var(--display)!important;letter-spacing:-.02em}
.mm-end{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:16px}
.mm-end .lang{border:1px solid var(--line)}
.pm{position:absolute;left:0;right:0;top:73px;z-index:4}
.pm-in{margin-left:150px;width:480px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgb(14 21 36/.12);padding:16px 20px 18px;display:grid;gap:10px}
.pm ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.pm li a{display:flex;align-items:center;min-height:44px;padding:0 10px;margin:0 -10px;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color 120ms ease}
.pm li a:hover{background:var(--ground)}
.pm .tlink{border-top:1px solid var(--line);padding-top:10px;min-height:44px;display:flex;align-items:center}
@media (max-width:1023.98px){.pm-in{margin-left:110px}}
.pick-w{position:absolute;left:0;right:0;top:73px;z-index:4}
.pick-w .w{display:flex;justify-content:flex-end}
.pick{width:600px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgb(14 21 36/.12);padding:20px 20px 16px;display:grid;gap:12px}
.pick-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pick-h h2{font-size:22px;letter-spacing:-.02em}
.pick-h .x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:0;background:none;color:var(--ink);cursor:pointer}
.pick-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pick h3{font:600 14px/1.3 var(--body);letter-spacing:0;color:var(--muted);margin-bottom:4px}
.pl{list-style:none;margin:0;padding:0;max-height:440px;overflow:auto}
.pl a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 10px;border-radius:8px;text-decoration:none;transition:background-color 120ms ease}
.pl a:hover{background:var(--ground)}
.pl a[aria-current]{background:var(--ground);color:var(--accent-text);font-weight:600}
.pick .note{margin-top:10px}
@media (max-width:719.98px){
  .pick-w{top:auto;bottom:0}.pick-w .w{padding:0}
  .pick{width:100%;border-radius:20px 20px 0 0;border-bottom:0;height:780px;padding:16px 16px 0;grid-template-rows:auto 1fr}
  .pick-cols{grid-template-columns:1fr;gap:16px;overflow:auto;align-content:start;padding-bottom:24px}.pl{max-height:none;overflow:visible}
  .pick-cols section:last-child{order:-1}
  .pick-w{z-index:7}.vp:has(.pick-w) main::after{content:"";position:absolute;inset:0;background:rgb(14 21 36/.32);z-index:6}}
.ck{position:absolute;left:var(--pad);bottom:24px;z-index:4;width:440px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px rgb(14 21 36/.12);padding:20px;display:grid;gap:10px}
.ck h2{font-size:22px;letter-spacing:-.02em}
.ck p{font-size:15px;color:var(--muted)}
.ck .tlink{font-size:15px}
.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
@media (max-width:719.98px){.ck{left:12px;right:12px;bottom:12px;width:auto}}
.nf{padding-top:120px;padding-bottom:48px}
.nf-l{padding-bottom:120px;display:grid;gap:12px}
.nf-l h2{font-size:22px;letter-spacing:-.02em}
.nf-l ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px}
.nf-l a{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
@media (max-width:719.98px){.nf{padding-top:56px}}

/* home */

.sv4[data-page="home"] .story-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px;align-items:center}
.sv4[data-page="home"] .rail{list-style:none;margin:0;padding:0 0 0 36px;position:relative;display:grid;gap:36px;align-content:center}
.sv4[data-page="home"] .rail-w{position:relative;display:grid;align-content:center}
.sv4[data-page="home"] .rail::before{content:'';position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:var(--line)}
.sv4[data-page="home"] .rail li{position:relative;display:grid;gap:6px}
.sv4[data-page="home"] .rail .dot{position:absolute;left:-36px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--accent),0 0 0 4px var(--ground);transition:background-color 200ms ease}
.sv4[data-page="home"] .rail li.on .dot{background:var(--accent)}
.sv4[data-page="home"] .rail li h3{transition:color 200ms ease}
.sv4[data-page="home"] .rail li:not(.on) h3{color:var(--muted)}
.sv4[data-page="home"] .rail .m{color:var(--accent-text);font-size:15px;font-weight:500}
.sv4[data-page="home"] .rail p{color:var(--muted);max-width:32em}
@media (max-width:1023.98px){.sv4[data-page="home"] .story-grid{grid-template-columns:1fr;gap:40px}.sv4[data-page="home"] .story .stage{min-height:0}}
.sv4[data-page="home"] .rl.parts{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;border-top:0}
.sv4[data-page="home"] .rl.parts>li{grid-template-columns:200px 1fr;border-top:1px solid var(--line);border-bottom:0}
.sv4[data-page="home"] .rl.parts h3 a{text-decoration:none}
.sv4[data-page="home"] .rl.parts h3 a:hover{text-decoration:underline}
@media (max-width:1023.98px){.sv4[data-page="home"] .rl.parts{grid-template-columns:1fr}}
@media (max-width:719.98px){.sv4[data-page="home"] .rl.parts>li{grid-template-columns:1fr}}
.sv4[data-page="home"] .tr-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.sv4[data-page="home"] .tr-rows a{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,5fr);gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none}
.sv4[data-page="home"] .tr-rows .tn{font:700 26px/1.1 var(--display);letter-spacing:-.02em}
.sv4[data-page="home"] .tr-rows .ts{display:flex;gap:14px;flex-wrap:wrap;color:var(--ink)}
.sv4[data-page="home"] .tr-rows .ts .m{color:var(--accent-text)}
.sv4[data-page="home"] .tr-rows .tl{color:var(--muted)}
.sv4[data-page="home"] .tr-rows a:hover .tn{color:var(--accent-text)}
@media (max-width:1023.98px){.sv4[data-page="home"] .tr-rows a{grid-template-columns:1fr 1fr}.sv4[data-page="home"] .tr-rows .tl{grid-column:1/-1}}
@media (max-width:719.98px){.sv4[data-page="home"] .tr-rows a{grid-template-columns:1fr;gap:6px}.sv4[data-page="home"] .tr-rows .tn{font-size:22px}}
.sv4[data-page="home"] .plans{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}
.sv4[data-page="home"] .plan{padding:40px;display:grid;gap:10px;align-content:start}
.sv4[data-page="home"] .plan+.plan{border-left:1px solid var(--line)}
.sv4[data-page="home"] .plan .amt{font-size:19px}.sv4[data-page="home"] .plan .amt .m{font:600 56px/1 var(--mono);letter-spacing:-.04em;margin-right:6px}
.sv4[data-page="home"] .plan p:last-child{color:var(--muted)}
@media (max-width:719.98px){.sv4[data-page="home"] .plans{grid-template-columns:1fr}.sv4[data-page="home"] .plan{padding:28px 22px}.sv4[data-page="home"] .plan+.plan{border-left:0;border-top:1px solid var(--line)}.sv4[data-page="home"] .plan .amt .m{font-size:44px}}

/* terms, privacy, dpa, delete */

:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:64px;align-items:start;padding-bottom:120px}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-toc{position:sticky;top:24px}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-toc summary{font:600 14px/1.3 var(--body);color:var(--muted);min-height:44px;display:flex;align-items:center;cursor:pointer;list-style:none}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-toc summary::-webkit-details-marker{display:none}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-toc a{display:flex;align-items:center;min-height:36px;padding:4px 0 4px 16px;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;color:var(--muted);font-size:15px;line-height:1.35}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-toc a:hover{color:var(--ink);border-left-color:var(--accent)}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-doc{display:grid;gap:40px;max-width:44em}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-doc section{display:grid;gap:12px}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-doc h2{font-size:26px;letter-spacing:-.02em;line-height:1.2;scroll-margin-top:24px}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-doc p{line-height:1.65}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-q a{display:inline-block;line-height:24px;min-height:24px}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-q{border-top:1px solid var(--line);padding-top:24px;color:var(--muted)}
:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .slot-v{font:500 .85em/1 var(--mono);background:var(--warn-bg);color:var(--warn-ink);border:1px dashed var(--warn-line);border-radius:4px;padding:2px 5px}
@media (max-width:1023.98px){:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg{grid-template-columns:1fr;gap:24px}:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-toc{position:static;border:1px solid var(--line);border-radius:12px;padding:0 16px 8px;background:var(--paper)}}
@media (max-width:719.98px){:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-doc h2{font-size:22px}:where(.sv4:is([data-page="terms"],[data-page="privacy"],[data-page="dpa"],[data-page="delete"])) .lg-doc{gap:32px}}

/* prices */

:where(.sv4[data-page="prices"]) .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(.sv4[data-page="prices"]) .plans2{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}
:where(.sv4[data-page="prices"]) .plan2{padding:40px;display:grid;gap:14px;align-content:start;justify-items:start}
:where(.sv4[data-page="prices"]) .plan2+.plan2{border-left:1px solid var(--line)}
:where(.sv4[data-page="prices"]) .plan2 h3{font-size:28px}
:where(.sv4[data-page="prices"]) .plan2 .amt{font-size:19px}:where(.sv4[data-page="prices"]) .plan2 .amt .m{font:600 56px/1 var(--mono);letter-spacing:-.04em;margin-right:6px}
:where(.sv4[data-page="prices"]) .plan2 .sub{font-weight:600}
:where(.sv4[data-page="prices"]) .plan2 ul{margin:0;padding:0 0 0 20px;color:var(--muted);display:grid;gap:6px}
@media (max-width:719.98px){:where(.sv4[data-page="prices"]) .plans2{grid-template-columns:1fr}:where(.sv4[data-page="prices"]) .plan2{padding:28px 22px}:where(.sv4[data-page="prices"]) .plan2+.plan2{border-left:0;border-top:1px solid var(--line)}:where(.sv4[data-page="prices"]) .plan2 .amt .m{font-size:44px}}
:where(.sv4[data-page="prices"]) .calc-grid,:where(.sv4[data-page="prices"]) .fees2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}
:where(.sv4[data-page="prices"]) .calc{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px;display:grid;gap:24px}
:where(.sv4[data-page="prices"]) .calc .fieldset{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}
:where(.sv4[data-page="prices"]) .calc .fieldset>span{font-weight:600}
:where(.sv4[data-page="prices"]) .calc .fieldset input{grid-column:1/-1;order:3}
:where(.sv4[data-page="prices"]) .calc output{font-size:18px;font-weight:600}
:where(.sv4[data-page="prices"]) .step{display:flex;align-items:center;gap:6px}
:where(.sv4[data-page="prices"]) .step output{min-width:2.4em;text-align:center}
:where(.sv4[data-page="prices"]) .sb{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--ground);color:var(--ink);cursor:pointer;transition:background-color 120ms ease,transform 120ms cubic-bezier(.2,0,0,1)}
:where(.sv4[data-page="prices"]) .sb:hover{background:var(--paper);border-color:var(--ink)}:where(.sv4[data-page="prices"]) .sb:active{transform:scale(.96)}:where(.sv4[data-page="prices"]) .sb:disabled{opacity:.4;cursor:default}
:where(.sv4[data-page="prices"]) .calc-out{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:20px}
:where(.sv4[data-page="prices"]) .calc-out div{display:grid;gap:4px}:where(.sv4[data-page="prices"]) .calc-out span{font-size:14px;color:var(--muted)}
:where(.sv4[data-page="prices"]) .calc-out b{font-size:28px;font-weight:600;letter-spacing:-.03em;transition:color 200ms ease}
:where(.sv4[data-page="prices"]) .calc-out b.na{font:600 18px/1.5 var(--body);color:var(--muted)}
:where(.sv4[data-page="prices"]) .calc-out p{grid-column:1/-1;margin-top:16px;font-weight:600;font-size:18px}
:where(.sv4[data-page="prices"]) .tw{overflow-x:auto}
:where(.sv4[data-page="prices"]) .ftab{width:100%;border-collapse:collapse;font-size:16px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
:where(.sv4[data-page="prices"]) .ftab caption{text-align:start;font-weight:600;padding:0 0 10px;color:var(--muted);font-size:14px}
:where(.sv4[data-page="prices"]) .ftab th,:where(.sv4[data-page="prices"]) .ftab td{text-align:start;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
:where(.sv4[data-page="prices"]) .ftab thead th{font-size:14px;color:var(--muted);font-weight:600}
:where(.sv4[data-page="prices"]) .ftab tbody th{font-weight:600}
:where(.sv4[data-page="prices"]) .ftab td.m{white-space:nowrap}
:where(.sv4[data-page="prices"]) .ftab tr:last-child>*{border-bottom:0}
:where(.sv4[data-page="prices"]) .rcpts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:where(.sv4[data-page="prices"]) .rcpt{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:20px 22px;display:grid;gap:10px}
:where(.sv4[data-page="prices"]) .rcpt h3{font:600 17px/1.3 var(--body);letter-spacing:0}
:where(.sv4[data-page="prices"]) .rcpt dl{margin:0;display:grid}
:where(.sv4[data-page="prices"]) .rcpt dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}
:where(.sv4[data-page="prices"]) .rcpt dt{color:var(--muted)}:where(.sv4[data-page="prices"]) .rcpt dd{margin:0;white-space:nowrap}
:where(.sv4[data-page="prices"]) .rcpt .res{border-bottom:0;border-top:2px solid var(--ink);font-weight:700}:where(.sv4[data-page="prices"]) .rcpt .res dt{color:var(--ink)}
:where(.sv4[data-page="prices"]) .cnt{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--ink)}
:where(.sv4[data-page="prices"]) .cnt>div{padding:24px 0;display:grid;gap:12px;align-content:start}
:where(.sv4[data-page="prices"]) .cnt>div+div{padding-left:40px;border-left:1px solid var(--line)}
:where(.sv4[data-page="prices"]) .cnt ul{margin:0;padding:0 0 0 20px;color:var(--muted);display:grid;gap:8px}
:where(.sv4[data-page="prices"]) .two-up{display:grid;grid-template-columns:1fr 1fr;gap:56px;border-top:1px solid var(--line);padding-top:40px}
:where(.sv4[data-page="prices"]) .tu{display:grid;gap:14px;align-content:start}:where(.sv4[data-page="prices"]) .tu h2{font-size:34px}:where(.sv4[data-page="prices"]) .tu>p:not(.notice){color:var(--muted);max-width:34em}
@media (max-width:1023.98px){:where(.sv4[data-page="prices"]) .calc-grid,:where(.sv4[data-page="prices"]) .fees2{grid-template-columns:1fr;gap:28px}:where(.sv4[data-page="prices"]) .two-up{grid-template-columns:1fr;gap:40px}:where(.sv4[data-page="prices"]) .tu h2{font-size:28px}}
@media (max-width:719.98px){:where(.sv4[data-page="prices"]) .calc{padding:20px}:where(.sv4[data-page="prices"]) .calc-out b{font-size:24px}:where(.sv4[data-page="prices"]) .rcpts,:where(.sv4[data-page="prices"]) .cnt{grid-template-columns:1fr}:where(.sv4[data-page="prices"]) .cnt>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}:where(.sv4[data-page="prices"]) .ftab th,:where(.sv4[data-page="prices"]) .ftab td{padding:12px 10px;font-size:15px}}

/* product */
.sv4[data-page="product"] .pr-list h3 a{text-decoration:none}.sv4[data-page="product"] .pr-list h3 a:hover{text-decoration:underline}
/* calendar, booking-page, point-of-sale, customers, messages, staff, payments, reports */

.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .stage.ex{padding:48px 40px}
@media (max-width:719.98px){.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .stage.ex{padding:20px 10px}}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .pl-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start;border-top:1px solid var(--line);padding-top:40px}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .pl-row h2{font-size:34px}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .pl-t{display:grid;gap:12px}.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .pl-t p:first-child{font-size:19px;max-width:34em}
@media (max-width:1023.98px){.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .pl-row{grid-template-columns:1fr;gap:16px}.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .pl-row h2{font-size:28px}}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .other{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:baseline}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .other h2{font-size:24px}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .other ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 28px}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .other a{display:inline-flex;align-items:center;min-height:44px;font-weight:500;text-decoration:none}
.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .other a:hover{text-decoration:underline}
@media (max-width:1023.98px){.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .other{grid-template-columns:1fr;gap:8px}}
@media (max-width:719.98px){.sv4:is([data-page="calendar"],[data-page="booking-page"],[data-page="point-of-sale"],[data-page="customers"],[data-page="messages"],[data-page="staff"],[data-page="payments"],[data-page="reports"]) .other ul{gap:0 20px}}

/* start, cases, journal */

:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .cform{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;max-width:520px}
:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .cform .fieldset span{font-weight:600;font-size:15px}
:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) select.input{appearance:auto}
@media (max-width:719.98px){:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .cform{grid-template-columns:1fr}}
:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .split2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start;border-top:1px solid var(--line);padding-top:40px}
:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .split2 h2{font-size:34px}
@media (max-width:1023.98px){:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .split2{grid-template-columns:1fr;gap:16px}:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .split2 h2{font-size:28px}}
:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .srch{display:flex;gap:10px;max-width:560px}:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .srch .input{flex:1;min-width:0}
@media (max-width:719.98px){:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .srch{flex-direction:column}}
:where(.sv4:is([data-page="start"],[data-page="cases"],[data-page="journal"])) .empty h2{font-size:28px}

/* questions, contact, help, article, search, search-empty */

:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .ph .acts{margin-top:8px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .ph .lead a{display:inline-block}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .qlay{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:56px;align-items:start}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .jump{position:sticky;top:16px;display:flex;flex-direction:column;border-top:1px solid var(--line)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .jump a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--line);font-weight:600;text-decoration:none}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .qgroups{display:grid;gap:56px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .gh{font-size:28px;margin-bottom:14px}
@media (max-width:1023.98px){:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .qlay{grid-template-columns:1fr;gap:28px}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .jump{position:static;flex-direction:row;flex-wrap:wrap;gap:0 24px;border-top:0}}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .split2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .split2 h2{font-size:34px}
@media (max-width:1023.98px){:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .split2{grid-template-columns:1fr;gap:16px}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .split2 h2{font-size:28px}}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .co{margin:0;border-top:1px solid var(--line)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .co div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .co dt{font-weight:600;color:var(--muted);font-size:15px}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .co dd{margin:0}
@media (max-width:719.98px){:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .co div{grid-template-columns:1fr;gap:2px}}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .srch{display:flex;gap:10px;max-width:640px;margin-top:8px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .srch .input{flex:1;min-width:0}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .hgroups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 40px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .hgroups .gh{font-size:22px}
@media (max-width:1023.98px){:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .hgroups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:719.98px){:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .hgroups{grid-template-columns:1fr}}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .glist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .glist li{border-bottom:1px solid var(--line)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .glist a{display:grid;gap:2px;padding:14px 0;text-decoration:none;transition:background-color 120ms ease}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .glist b{font-weight:600}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .glist span{font-size:15px;color:var(--muted)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .glist a:hover b{color:var(--accent-text);text-decoration:underline}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .doclay{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:56px;align-items:start}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .toc{position:sticky;top:16px;display:grid;border-top:1px solid var(--line)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .toc h2{font:600 14px/1.3 var(--body);letter-spacing:0;color:var(--muted);padding:12px 0}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .toc a{display:flex;align-items:center;min-height:44px;border-top:1px solid var(--line);text-decoration:none;font-size:15px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .prose{max-width:720px;display:grid;gap:16px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .prose h2{font-size:28px;margin-top:24px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .prose ol{margin:0;padding-left:22px;display:grid;gap:6px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .prose .fig{margin:8px 0;padding:28px 24px}
@media (max-width:1023.98px){:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .doclay{grid-template-columns:1fr;gap:28px}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .toc{position:static}}
@media (max-width:719.98px){:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .prose h2{font-size:22px}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .prose .fig{padding:12px 6px}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .srch{flex-direction:column}}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);max-width:760px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results li{border-bottom:1px solid var(--line)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results a{display:grid;gap:4px;padding:20px 0;text-decoration:none}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results b{font:700 20px/1.3 var(--display)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results a:hover b{color:var(--accent-text)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results .where{font-size:14px;color:var(--muted)}:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results .snip{color:var(--muted)}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .results mark{background:var(--warn-bg);color:var(--warn-ink);padding:0 2px;border-radius:3px}
:where(.sv4:is([data-page="questions"],[data-page="contact"],[data-page="help"],[data-page="article"],[data-page="search"],[data-page="search-empty"])) .empty h2{font-size:28px}

/* trades */
.sv4[data-page="trades"] .ov{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.sv4[data-page="trades"] .ov a{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,4fr);gap:32px;padding:32px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline}
.sv4[data-page="trades"] .ov h2{font-size:34px}.sv4[data-page="trades"] .ov p{color:var(--muted)}
.sv4[data-page="trades"] .ov .ovs{display:grid;gap:4px;font-size:15px}.sv4[data-page="trades"] .ov .ovs .m{color:var(--accent-text)}
.sv4[data-page="trades"] .ov a:hover h2{color:var(--accent-text)}
.sv4[data-page="trades"] .coming-box{margin-top:40px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,9fr);gap:32px;color:var(--muted)}
.sv4[data-page="trades"] .coming-box h2{font-size:24px;color:var(--ink)}
@media (max-width:1023.98px){.sv4[data-page="trades"] .ov a{grid-template-columns:1fr 1fr}.sv4[data-page="trades"] .ov .ovs{grid-column:1/-1}}
@media (max-width:719.98px){.sv4[data-page="trades"] .ov a{grid-template-columns:1fr;gap:10px;padding:24px 0}.sv4[data-page="trades"] .ov h2{font-size:26px}.sv4[data-page="trades"] .coming-box{grid-template-columns:1fr;gap:8px}}
/* barbers-and-hairdressers, beauty-and-nail-salons, make-up-artists, brows-and-lashes, pet-groomers */

.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .t-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;padding-top:72px;padding-bottom:40px;align-items:start}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .t-hero .copy{display:grid;gap:24px;align-content:start}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .t-hero h1{font-size:68px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px 28px 20px;display:grid;gap:6px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter h2{font-size:22px;letter-spacing:-.02em}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter h3{font:600 14px/1.3 var(--body);letter-spacing:0;color:var(--muted);margin-top:12px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter ul{list-style:none;margin:0;padding:0}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter li{display:grid;grid-template-columns:1fr auto 76px;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter li:last-child{border-bottom:0}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter li .m:last-child{text-align:right}
@media (max-width:1023.98px){.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .t-hero{grid-template-columns:1fr;gap:40px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .t-hero h1{font-size:52px}}
@media (max-width:719.98px){.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .t-hero{padding-top:36px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .t-hero h1{font-size:36px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter{padding:20px 18px 12px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .starter li{grid-template-columns:1fr auto 64px;font-size:14px}}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .day-h{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .daybar{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:56px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .daybar i{position:relative;height:2px;background:var(--line)}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .daybar b{position:absolute;top:-5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--accent)}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beats{list-style:none;margin:0;padding:0;display:grid;gap:72px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px;align-items:center}
@media (min-width:1024px){.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat .rig.duo{zoom:.9}}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat .bt{display:grid;gap:10px;align-content:center}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat .clock{font-size:44px;font-weight:500;color:var(--accent-text);letter-spacing:-.03em;line-height:1}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat .bt p{color:var(--muted)}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat .stage{min-height:540px}
@media (max-width:1023.98px){.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat{grid-template-columns:1fr;gap:24px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat .stage{min-height:0}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beats{gap:56px}}
@media (max-width:719.98px){.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .beat .clock{font-size:34px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .daybar{margin-bottom:36px}}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px;display:grid;gap:24px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc .fieldset{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc .fieldset span{font-weight:600}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc .fieldset input{grid-column:1/-1;order:3}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc output{font-size:18px;font-weight:600}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);padding-top:20px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-out div{display:grid;gap:4px}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-out span{font-size:14px;color:var(--muted)}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-out b{font-size:28px;font-weight:600;letter-spacing:-.03em}
.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-out p{grid-column:1/-1;margin-top:16px;font-weight:600;font-size:18px}
@media (max-width:1023.98px){.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:719.98px){.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc{padding:20px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-out{grid-template-columns:1fr;gap:12px}.sv4:is([data-page="barbers-and-hairdressers"],[data-page="beauty-and-nail-salons"],[data-page="make-up-artists"],[data-page="brows-and-lashes"],[data-page="pet-groomers"]) .calc-out b{font-size:24px}}

/* The live site only (site.mjs appends this after the boards' css). A board draws each open state inside a frame
   (.vp, absolute positions); on the site the same parts hang off the header and the viewport. Motion is the chrome
   board's Animations table (Interface motion: panel 240 ms, sheet 260 ms, banner 300 ms). */
.sv4{margin:0;min-height:100vh}
.sv4 [hidden]{display:none!important}
.skip{position:absolute;left:16px;top:-80px;z-index:40;background:var(--paper);color:var(--ink);padding:12px 16px;border-radius:10px;border:1px solid var(--line);font-weight:600}
.skip:focus{top:12px}
.nav{align-items:center}
.nav-b{font-family:var(--body)}
.hd .pm{top:73px}
.hd .pm-in{margin-inline-start:var(--pm-x,150px)}
.pm-in .pm-later{color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:10px}
.hd .pick-w{top:73px;pointer-events:none}
.hd .pick{pointer-events:auto}
.mm{position:fixed;inset:65px 0 0;z-index:20}
.sc-scrim{position:fixed;inset:0;background:rgb(14 21 36/.32);z-index:25}
.ck{position:fixed;z-index:10}
.ck[hidden]{display:none}
/* The board's banner sits in a frame, at the content column's left edge; fixed to the viewport it needs the column's offset. */
@media (min-width:720px){.ck{left:calc(max(0px,(100vw - var(--max))/2) + var(--pad))}[dir=rtl] .ck{left:auto;right:calc(max(0px,(100vw - var(--max))/2) + var(--pad))}}
@keyframes v4-drop{from{opacity:0;transform:translateY(-8px)}}
@keyframes v4-rise{from{transform:translateY(100%)}}
@keyframes v4-up{from{opacity:0;transform:translateY(8px)}}
.pm:not([hidden]),.pick-w:not([hidden]),.mm:not([hidden]){animation:v4-drop 240ms cubic-bezier(.2,0,0,1)}
.ck:not([hidden]){animation:v4-up 300ms cubic-bezier(.2,0,0,1)}
.menu-b .ico{transition:opacity 200ms ease}
@media (max-width:719.98px){
  .hd .pick-w{position:fixed;top:auto;bottom:0;z-index:30}
  .hd .pick{height:auto;max-height:calc(100vh - 64px)}
  .pick-w:not([hidden]){animation:v4-rise 260ms cubic-bezier(.2,0,0,1)}
}
@media (prefers-reduced-motion:reduce){.sv4 .pm,.sv4 .pick-w,.sv4 .mm,.sv4 .ck{animation:none!important}}
.mark .lp{fill:var(--logo-plate)}.mark .lf{fill:var(--logo-face)}
.nav-b[data-current]{color:var(--accent-text);box-shadow:inset 0 -2px 0 var(--accent)}
.menu-b .ix{display:none}.menu-b[aria-expanded=true] .im{display:none}.menu-b[aria-expanded=true] .ix{display:block}
.sv4 .mt20{margin-top:20px}.sv4 .mt24{margin-top:24px}.closer .cl-t{display:grid;gap:16px}
.pick-w.from-foot{position:fixed;top:auto;bottom:24px;z-index:30}
@media (max-width:719.98px){.hd .mm .lang{display:inline-flex}.hd .mm .b{min-height:48px;padding:0 22px;font-size:16px}}
/* Appearance switch (owner, 2 October 2026: Light / Dark / Device). Not drawn on the chrome board; it sits beside the language button, styled like it,
   and in the phone menu as a row above the Sign in line. The page's own scheme: a data-theme on the body, none meaning the device. */
.sv4{color-scheme:light dark}.sv4[data-theme=light]{color-scheme:light}.sv4[data-theme=dark]{color-scheme:dark}
.th-i{display:none}.sv4:not([data-theme]) .th-device,.sv4[data-theme=light] .th-light,.sv4[data-theme=dark] .th-dark{display:inline-flex}
.hd .w{position:relative}
.th-w{position:absolute;top:73px;inset-inline-end:var(--pad);z-index:21;min-width:200px;padding:8px;border-radius:14px;border:1px solid var(--line);background:var(--paper);box-shadow:0 12px 32px rgb(14 21 36/.14)}
.th-w:not([hidden]){animation:v4-drop 240ms cubic-bezier(.2,0,0,1)}
.th-pop,.th-row{display:grid;gap:2px}
.th-pop button,.th-row button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:8px;border:0;background:none;color:var(--ink);font:500 15px/1 var(--body);cursor:pointer;text-align:start}
.th-pop button:hover,.th-row button:hover{background:var(--ground)}
.th-pop button[aria-checked=true],.th-row button[aria-checked=true]{color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent)}
.mm-th{padding-top:8px}
.th-row{grid-template-columns:repeat(3,1fr)}.th-row button{justify-content:center;border:1px solid var(--line)}
@media (max-width:719.98px){.hd .th-b{display:none}.th-w{display:none}}
@media (max-width:719.98px){.hd .th-b,.th-w{display:none!important}}
@media (min-width:720px){.mm-th{display:none}}
@media (prefers-reduced-motion:reduce){.th-w{animation:none!important}}

/* scene positions (style attributes in a scene, see site.mjs) */
.sv4 [data-st="--n:2"][data-st][data-st]{--n:2}
.sv4 [data-st="--n:3"][data-st][data-st]{--n:3}
.sv4 [data-st="background-size:100% 15px"][data-st][data-st]{background-size:100% 15px}
.sv4 [data-st="display:grid;gap:16px"][data-st][data-st]{display:grid;gap:16px}
.sv4 [data-st="display:grid;gap:16px;align-content:start"][data-st][data-st]{display:grid;gap:16px;align-content:start}
.sv4 [data-st="display:grid;gap:24px"][data-st][data-st]{display:grid;gap:24px}
.sv4 [data-st="height:300px"][data-st][data-st]{height:300px}
.sv4 [data-st="height:96px"][data-st][data-st]{height:96px}
.sv4 [data-st="inset-inline-start:50.00%"][data-st][data-st]{inset-inline-start:50.00%}
.sv4 [data-st="left:-4.5%"][data-st][data-st]{left:-4.5%}
.sv4 [data-st="left:13.6%"][data-st][data-st]{left:13.6%}
.sv4 [data-st="left:16.7%"][data-st][data-st]{left:16.7%}
.sv4 [data-st="left:22.7%"][data-st][data-st]{left:22.7%}
.sv4 [data-st="left:27.3%"][data-st][data-st]{left:27.3%}
.sv4 [data-st="left:33.3%"][data-st][data-st]{left:33.3%}
.sv4 [data-st="left:40.9%"][data-st][data-st]{left:40.9%}
.sv4 [data-st="left:45.5%"][data-st][data-st]{left:45.5%}
.sv4 [data-st="left:54.5%"][data-st][data-st]{left:54.5%}
.sv4 [data-st="left:59.1%"][data-st][data-st]{left:59.1%}
.sv4 [data-st="left:65.9%"][data-st][data-st]{left:65.9%}
.sv4 [data-st="left:68.2%"][data-st][data-st]{left:68.2%}
.sv4 [data-st="left:7.6%"][data-st][data-st]{left:7.6%}
.sv4 [data-st="left:86.4%"][data-st][data-st]{left:86.4%}
.sv4 [data-st="left:9.1%"][data-st][data-st]{left:9.1%}
.sv4 [data-st="left:90.9%"][data-st][data-st]{left:90.9%}
.sv4 [data-st="left:93.2%"][data-st][data-st]{left:93.2%}
.sv4 [data-st="margin-top:20px"][data-st][data-st]{margin-top:20px}
.sv4 [data-st="margin-top:24px"][data-st][data-st]{margin-top:24px}
.sv4 [data-st="margin-top:28px"][data-st][data-st]{margin-top:28px}
.sv4 [data-st="padding-bottom:104px"][data-st][data-st]{padding-bottom:104px}
.sv4 [data-st="padding-bottom:40px"][data-st][data-st]{padding-bottom:40px}
.sv4 [data-st="padding-bottom:72px"][data-st][data-st]{padding-bottom:72px}
.sv4 [data-st="padding-bottom:96px"][data-st][data-st]{padding-bottom:96px}
.sv4 [data-st="top:0px"][data-st][data-st]{top:0px}
.sv4 [data-st="top:106px;height:37px"][data-st][data-st]{top:106px;height:37px}
.sv4 [data-st="top:120px"][data-st][data-st]{top:120px}
.sv4 [data-st="top:121px;height:27px"][data-st][data-st]{top:121px;height:27px}
.sv4 [data-st="top:121px;height:37px"][data-st][data-st]{top:121px;height:37px}
.sv4 [data-st="top:121px;height:42px"][data-st][data-st]{top:121px;height:42px}
.sv4 [data-st="top:121px;height:47px"][data-st][data-st]{top:121px;height:47px}
.sv4 [data-st="top:121px;height:57px"][data-st][data-st]{top:121px;height:57px}
.sv4 [data-st="top:121px;height:72px"][data-st][data-st]{top:121px;height:72px}
.sv4 [data-st="top:135px"][data-st][data-st]{top:135px}
.sv4 [data-st="top:136px;height:27px"][data-st][data-st]{top:136px;height:27px}
.sv4 [data-st="top:150px"][data-st][data-st]{top:150px}
.sv4 [data-st="top:151px;height:18px"][data-st][data-st]{top:151px;height:18px}
.sv4 [data-st="top:151px;height:27px"][data-st][data-st]{top:151px;height:27px}
.sv4 [data-st="top:16px;height:37px"][data-st][data-st]{top:16px;height:37px}
.sv4 [data-st="top:16px;height:72px"][data-st][data-st]{top:16px;height:72px}
.sv4 [data-st="top:180px"][data-st][data-st]{top:180px}
.sv4 [data-st="top:181px;height:117px"][data-st][data-st]{top:181px;height:117px}
.sv4 [data-st="top:181px;height:27px"][data-st][data-st]{top:181px;height:27px}
.sv4 [data-st="top:181px;height:37px"][data-st][data-st]{top:181px;height:37px}
.sv4 [data-st="top:181px;height:42px"][data-st][data-st]{top:181px;height:42px}
.sv4 [data-st="top:181px;height:47px"][data-st][data-st]{top:181px;height:47px}
.sv4 [data-st="top:181px;height:57px"][data-st][data-st]{top:181px;height:57px}
.sv4 [data-st="top:181px;height:72px"][data-st][data-st]{top:181px;height:72px}
.sv4 [data-st="top:196px;height:72px"][data-st][data-st]{top:196px;height:72px}
.sv4 [data-st="top:1px;height:18px"][data-st][data-st]{top:1px;height:18px}
.sv4 [data-st="top:1px;height:27px"][data-st][data-st]{top:1px;height:27px}
.sv4 [data-st="top:1px;height:42px"][data-st][data-st]{top:1px;height:42px}
.sv4 [data-st="top:1px;height:57px"][data-st][data-st]{top:1px;height:57px}
.sv4 [data-st="top:1px;height:87px"][data-st][data-st]{top:1px;height:87px}
.sv4 [data-st="top:211px;height:18px"][data-st][data-st]{top:211px;height:18px}
.sv4 [data-st="top:211px;height:42px"][data-st][data-st]{top:211px;height:42px}
.sv4 [data-st="top:211px;height:57px"][data-st][data-st]{top:211px;height:57px}
.sv4 [data-st="top:240px"][data-st][data-st]{top:240px}
.sv4 [data-st="top:241px;height:18px"][data-st][data-st]{top:241px;height:18px}
.sv4 [data-st="top:241px;height:27px"][data-st][data-st]{top:241px;height:27px}
.sv4 [data-st="top:241px;height:37px"][data-st][data-st]{top:241px;height:37px}
.sv4 [data-st="top:241px;height:42px"][data-st][data-st]{top:241px;height:42px}
.sv4 [data-st="top:241px;height:57px"][data-st][data-st]{top:241px;height:57px}
.sv4 [data-st="top:271px;height:18px"][data-st][data-st]{top:271px;height:18px}
.sv4 [data-st="top:271px;height:27px"][data-st][data-st]{top:271px;height:27px}
.sv4 [data-st="top:30px"][data-st][data-st]{top:30px}
.sv4 [data-st="top:31px;height:147px"][data-st][data-st]{top:31px;height:147px}
.sv4 [data-st="top:31px;height:42px"][data-st][data-st]{top:31px;height:42px}
.sv4 [data-st="top:31px;height:57px"][data-st][data-st]{top:31px;height:57px}
.sv4 [data-st="top:31px;height:87px"][data-st][data-st]{top:31px;height:87px}
.sv4 [data-st="top:50px"][data-st][data-st]{top:50px}
.sv4 [data-st="top:60px"][data-st][data-st]{top:60px}
.sv4 [data-st="top:61px;height:18px"][data-st][data-st]{top:61px;height:18px}
.sv4 [data-st="top:61px;height:27px"][data-st][data-st]{top:61px;height:27px}
.sv4 [data-st="top:61px;height:42px"][data-st][data-st]{top:61px;height:42px}
.sv4 [data-st="top:61px;height:87px"][data-st][data-st]{top:61px;height:87px}
.sv4 [data-st="top:70px"][data-st][data-st]{top:70px}
.sv4 [data-st="top:75px"][data-st][data-st]{top:75px}
.sv4 [data-st="top:76px;height:37px"][data-st][data-st]{top:76px;height:37px}
.sv4 [data-st="top:80px"][data-st][data-st]{top:80px}
.sv4 [data-st="top:90px"][data-st][data-st]{top:90px}
.sv4 [data-st="top:91px;height:147px"][data-st][data-st]{top:91px;height:147px}
.sv4 [data-st="top:91px;height:42px"][data-st][data-st]{top:91px;height:42px}
.sv4 [data-st="width:100.00%"][data-st][data-st]{width:100.00%}
.sv4 [data-st="width:50.00%"][data-st][data-st]{width:50.00%}