/* Shared finish for the existing website and its account pages. */
:root {
  --polish-edge: rgba(255,255,255,.92);
  --polish-fill:linear-gradient(135deg,#ffffff70,#f3faff22 60%,#ffffff50);
  --polish-shadow: 0 20px 38px -25px #254b7c66,inset 0 1px 0 #fff,inset 1px 0 0 #ffffffa6,inset -1px 0 0 #6086b91a,inset 0 -1px 0 #ffffffb3;
  --badge-fill:linear-gradient(125deg,rgba(249,253,255,.85),rgba(230,242,255,.70));
}
:root[data-theme=dark] {
  --polish-edge: rgba(213,224,255,.23);
  --polish-fill:linear-gradient(135deg,#a6bcdd20,#1a253224 60%,#b0a5dc15);
  --polish-shadow: 0 22px 38px -25px #000b,inset 0 1px 0 #e0ebff50,inset 1px 0 0 #bfcfff29,inset -1px 0 0 #6076a210,inset 0 -1px 0 #d0dfff18;
  --badge-fill:linear-gradient(125deg,rgba(42,53,82,.87),rgba(24,34,56,.78));
}
body { -webkit-font-smoothing:auto; }
:root[data-theme=light] { --body:#3f5671;--muted:#48607b; }
button,a,input,textarea,select { -webkit-tap-highlight-color: transparent; }
:where(button,a):focus-visible { outline:2px solid var(--accent);outline-offset:5px; }
.hero-copy { min-width:0; }
.hero-description { text-wrap:pretty; }
.scene { margin-inline:0; }
.scene:not([data-renderer=webgl]) #routeCanvas { visibility:hidden; }
.scene .node {
  box-sizing:border-box;
  width:176px;min-height:60px;height:60px;
  padding:11px 12px;gap:9px;
  background:var(--badge-fill);
  border:1px solid var(--polish-edge);
  box-shadow:var(--polish-shadow);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
}
.scene .node>span:nth-child(2) { min-width:0;white-space:nowrap; }
.scene .node>.flag { flex:none; }
.scene .node>i { flex:none;margin-left:auto; }
.scene .node[aria-pressed=true] {
  background:var(--badge-fill);
  border-color:var(--accent);
  box-shadow:var(--polish-shadow),0 0 0 1px var(--accent-soft);
}
.scene:not([data-renderer=webgl]) .node-nl { left:auto;right:2%;top:20%;bottom:auto; }
.scene:not([data-renderer=webgl]) .node-de { left:2%;right:auto;bottom:21%;top:auto; }
.scene:not([data-renderer=webgl]) .node { transform:none;transition:border-color .3s,background .3s; }
.scene .node:focus-visible { z-index:6!important; }
.lf-object img { filter:drop-shadow(0 24px 25px rgba(18,63,116,.22)); }
.dock-card:not(.dock-primary),.client-card,.price-card,.feature-panel,
.cab-site .cab-glass,.cab-site .cab-plan-choice,.cab-site .cab-region,.cab-site .cab-term {
  background:var(--polish-fill);
  border-color:var(--polish-edge);
  box-shadow:var(--polish-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
.cab-site .cab-glass { position:relative;isolation:isolate; }
.dock-card { min-height:96px; }
.dock-card>span:nth-child(2) { min-width:0; }
.dock-card .dock-icon { box-shadow:inset 0 1px 0 #ffffff90,0 4px 10px -8px #1d4a8c66; }
.dock-card small { line-height:1.65; }
.purchase-entry {
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:22px 26px;margin:0 0 24px;border:1px solid var(--polish-edge);
  border-radius:20px;background:var(--polish-fill);box-shadow:var(--polish-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);
}
.purchase-entry b { font-size:15px;font-weight:600; }
.purchase-entry p { font-size:13px;line-height:1.8;color:var(--muted);margin:6px 0 0; }
.purchase-entry>span {
  white-space:nowrap;flex:none;font-size:11px;color:var(--accent);
  border:1px solid var(--line);border-radius:30px;padding:8px 13px;background:var(--accent-soft);
}
.button-primary,.dock-primary,.cab-button.primary {
  background-image:linear-gradient(115deg,#ffffff14,transparent 48%,#ffffff05),var(--button);
  box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 0 #113d9f26,0 12px 26px -17px #1d59bc88;
}
.button-primary:hover,.dock-primary:hover,.cab-button.primary:hover {
  background-image:linear-gradient(115deg,#ffffff18,transparent 48%),var(--button-hover);
}
.theme-switch,.cab-header .cab-theme,.app-tabs button,.support-link {
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
}
.cab-site .cab-plan-choice[aria-pressed=true],.cab-site .cab-region[aria-pressed=true],.cab-site .cab-term[aria-pressed=true] {
  border-color:var(--accent);
  background-image:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--polish-fill);
  box-shadow:var(--polish-shadow),inset 0 0 0 1px var(--line-strong);
}
.cab-site .cab-nav { gap:12px 30px; }
.cab-site .cab-nav button { min-height:54px; }
.cab-site .cab-sub-card { gap:24px; }
.cab-site .cab-button>span,.cab-site .cab-quick-help>span { flex:none; }
.cab-site .cab-stat b,.cab-site .cab-total,.cab-site .cab-term strong { font-variant-numeric:tabular-nums; }
.cab-site .cab-field input,.cab-site .cab-field textarea,.cab-site .cab-input { box-shadow:inset 0 2px 4px #173a6610; }
.cab-site .cab-modal {
  background:var(--panel);
  background:var(--polish-fill),color-mix(in srgb,var(--panel) 54%,transparent);
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  backdrop-filter:blur(24px) saturate(160%);
  box-shadow:0 32px 100px -30px #10274766,inset 0 1px 0 var(--polish-edge);
}
/* Preview controls occupy their own space instead of covering subscription actions. */
.cab-site:has(.cab-demo-bar) { padding-bottom:0; }
.cab-demo-bar {
  position:static;width:fit-content;max-width:calc(100% - 40px);
  margin:0 auto 24px;padding:12px 16px;gap:14px;flex-wrap:wrap;
  background:var(--polish-fill);color:var(--muted);border:1px solid var(--polish-edge);
  border-radius:14px;box-shadow:var(--polish-shadow);
}
.cab-demo-bar button { color:var(--accent);background:var(--accent-soft);border-color:var(--line);font-size:10px;min-height:30px; }
@media(hover:hover) {
  .dock-card:not(.dock-primary):hover,.client-card:hover,.cab-quick-help:hover {
    border-color:var(--line-strong);
    box-shadow:var(--polish-shadow),0 14px 30px -22px #246bda40;
  }
}
@media(min-width:1200px) {
  .header .header-row { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px; }
  .header .brand { justify-self:start; }
  .header .header-actions { justify-self:end; }
  .action-dock { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
  .dock-card:not(.dock-primary) { align-items:center; }
  .dock-card .dock-arrow { position:static;align-self:center; }
}
@media(min-width:1920px) {
  .wrap,.cab-site .wrap { width:min(1440px,calc(100% - 144px)); }
  .hero-layout { min-height:680px; }
  .scene { height:680px; }
}
@media(max-width:1199px) {
  .scene .node { width:162px;height:57px;min-height:57px;padding:10px;gap:7px; }
}
@media(max-width:760px) {
  .purchase-entry { align-items:flex-start;flex-direction:column;gap:14px;padding:20px;border-radius:19px; }
  .purchase-entry p { font-size:12px; }
  .scene:not([data-renderer=webgl]) .node-nl { top:19%;right:4%; }
  .scene:not([data-renderer=webgl]) .node-de { bottom:22%;left:4%; }
  .scene .node { -webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%); }
  .dock-card:not(.dock-primary),.client-card,.price-card,.feature-panel,.cab-site .cab-glass,
  .cab-site .cab-plan-choice,.cab-site .cab-region,.cab-site .cab-term {
    -webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);
  }
  .cab-site .cab-nav { gap:0 17px; }
  .cab-site .cab-nav button { min-height:48px; }
  .cab-site .cab-sub-card { gap:21px; }
}
@media(max-width:390px) {
  .scene .node { width:154px; }
}
/* Crisp vector details and actions with their own symbols, rather than text arrows. */
.lf-icon { display:block;width:22px;height:22px;flex:none;overflow:visible; }
.cab-action-icon { display:grid;place-items:center;flex:none; }
.cab-action-icon .lf-icon { width:21px;height:21px; }
.cab-site .cab-region-mark .lf-country-symbol { display:grid;place-items:center;color:var(--accent); }
.cab-region-mark .lf-country-symbol .lf-icon { width:26px;height:26px; }
.flag.nl,.flag.de { display:inline-block;background:none;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px #1639631a; }
.flag svg { display:block;width:100%;height:100%;shape-rendering:crispEdges; }
.flag svg path { stroke:none; }
.cab-region-mark>.flag { width:30px;height:20px; }
.cab-site .cab-region .flag { width:30px;height:20px;border-radius:2px; }
.scene .node .flag { width:24px;height:16px; }
.inline-plan-grid .multi-visual .flag { width:36px;height:24px; }
.cab-site .cab-plan-choice { position:relative;padding-right:66px; }
.cab-plan-choice .cab-plan-pointer {
  position:absolute;right:20px;top:50%;margin:0;transform:translateY(-50%);
  width:32px;height:32px;display:grid;place-items:center;border-radius:50%;
  color:var(--accent);background:var(--accent-soft);border:1px solid var(--line-strong);
  opacity:0;
}
.cab-plan-choice[aria-pressed=true] .cab-plan-pointer { opacity:1; }
.cab-plan-pointer .lf-icon { width:21px;height:21px; }
.cab-site .cab-device { display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:20px; }
.cab-site .cab-device-copy { min-width:0; }
.cab-site .cab-device-actions { display:flex;gap:10px; }
.cab-site .cab-device-actions .cab-button { gap:12px;min-height:46px;font-size:12px; }
.cab-site .cab-button.danger { color:#b93849;border-color:#b938492e;background:linear-gradient(125deg,#ffffff25,#d4546510); }
:root[data-theme=dark] .cab-site .cab-button.danger { color:#ff9aa5;border-color:#ff9aa54d; }
.cab-site .cab-button.destructive { background:linear-gradient(115deg,#c84155,#ab2b40);color:white;border-color:#ffffff45; }
.cab-key-actions { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px; }
.cab-modal .cab-key-actions .cab-button { width:auto;font-size:12px;min-width:0;padding:12px;gap:12px; }
.cab-site .cab-key { font-size:12px;line-height:1.8; }
.cab-site .cab-button { font-weight:600; }
.cab-site .cab-button:disabled { transform:none; }
.cab-site .cab-button:hover { transform:none; }
.header .account-entry {
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  min-height:46px;padding:11px 17px;border-radius:14px;
  background:var(--button);border:1px solid #ffffff60;color:#fff;
  box-shadow:inset 0 1px 0 #ffffff90,0 9px 22px -15px #235bbf88;
}
.header .account-entry:hover { background:var(--button-hover); }
.header .account-entry>span { color:inherit;font-size:13px;font-weight:600; }
.header .account-entry-icon { display:grid;place-items:center; }
.header .account-entry .lf-icon { width:21px;height:21px; }
@media(max-width:1199px) {
  .cab-site .cab-device { grid-template-columns:52px minmax(0,1fr);gap:16px; }
  .cab-site .cab-device-actions { grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1.4fr 1fr;width:100%; }
  .cab-site .cab-device-actions .cab-button { justify-content:space-between; }
}
@media(max-width:760px) {
  .header:not(.cab-header):not(.about-head) { height:auto; }
  .header:not(.cab-header):not(.about-head) .header-row { display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;min-height:80px;padding-block:16px; }
  .header:not(.cab-header):not(.about-head) .header-actions { display:contents; }
  .header:not(.cab-header):not(.about-head) .brand { grid-column:1;grid-row:1; }
  .header:not(.cab-header):not(.about-head) .theme-switch { grid-column:2;grid-row:1; }
  .header:not(.cab-header):not(.about-head) .menu-switch { grid-column:3;grid-row:1; }
  .header:not(.cab-header):not(.about-head) .motion-switch { display:none; }
  .header:not(.cab-header):not(.about-head) .account-entry { grid-column:1/-1;grid-row:2;min-height:46px; }
  .cab-site .cab-plan-choice { padding-right:46px; }
  .cab-plan-choice .cab-plan-pointer { right:12px;width:26px;height:26px; }
  .cab-plan-pointer .lf-icon { width:18px;height:18px; }
}
@media(max-width:600px) {
  .cab-site .cab-device-actions { grid-template-columns:1fr 1fr;gap:10px; }
  .cab-site .cab-device-actions .primary { grid-column:1/-1; }
  .cab-site .cab-device-actions .cab-button { font-size:11px;padding:11px 12px;min-height:48px;gap:8px;line-height:1.5; }
  .cab-action-icon .lf-icon { width:19px;height:19px; }
  .cab-key-actions { grid-template-columns:1fr;gap:0; }
  .cab-modal .cab-key-actions .cab-button { font-size:12px; }
  .cab-plan-choice .cab-plan-pointer { top:23px; }
  .cab-site .cab-plan-choice>span:not(.cab-plan-pointer) { line-height:1.7; }
}
/* Glass is backdrop blur: scrolling content stays behind these transparent controls. */
.header {
  position:sticky;top:0;z-index:85;background:rgba(237,246,255,.52);
  -webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);
}
:root[data-theme=dark] .header { background:rgba(18,25,42,.57); }
.cab-site .cab-invoice { top:112px; }
.cab-order-caption { display:none; }
.cab-avatar { overflow:hidden;padding:0;background:#063b7a; }
.cab-avatar img { display:block;width:100%;height:100%;object-fit:cover; }
.cab-ticket-filters { display:flex;gap:8px;margin-bottom:18px;width:fit-content;padding:5px;border:1px solid var(--glass-edge);border-radius:17px;background:var(--polish-fill);box-shadow:var(--polish-shadow); }
.cab-ticket-filters button { display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 16px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:12px;font-size:12px;font-weight:550; }
.cab-ticket-filters button[aria-pressed=true] { background:var(--accent-soft);border-color:var(--line-strong);color:var(--accent);font-weight:650; }
.cab-ticket-filters button>span { min-width:21px;padding:1px 5px;font-size:11px;border-radius:7px;background:var(--surface);font-variant-numeric:tabular-nums; }
.cab-ticket-empty { padding:30px 14px;display:flex;align-items:flex-start;flex-direction:column;gap:12px;color:var(--muted); }
.cab-ticket-empty>.lf-icon { color:var(--accent);width:25px;height:25px; }
.cab-ticket-empty b { font-size:13px;font-weight:600;line-height:1.6; }
.cab-ticket-empty p { font-size:12px;line-height:1.8; }
.cab-site .cab-thread { position:relative; }
.cab-site .cab-thread-head { gap:14px; }
.cab-site .cab-thread-head>div { min-width:0; }
.cab-site .cab-thread-head h2 { font-size:17px;line-height:1.5;letter-spacing:-.2px;overflow-wrap:anywhere; }
.cab-thread-head h2>span { color:var(--muted);font-weight:500;white-space:nowrap; }
.cab-site .cab-thread-head [data-act=ticket-close] { min-height:44px;font-size:12px;padding:10px 14px;gap:10px;flex:none; }
.cab-closed-badge { display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap; }
.cab-closed-badge .lf-icon { width:17px;height:17px; }
.cab-thread-back .lf-icon { transform:rotate(180deg); }
.cab-site .cab-messages { padding-bottom:112px;scroll-padding-bottom:112px; }
.cab-site .cab-chat-form,.cab-site .cab-chat-closed {
  position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(240,248,255,.38);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
  box-shadow:0 -1px 0 #ffffffa0;
}
:root[data-theme=dark] .cab-site .cab-chat-form,:root[data-theme=dark] .cab-site .cab-chat-closed { background:rgba(22,31,50,.38);box-shadow:0 -1px 0 #d2e0ff1f; }
.cab-site .cab-chat-form textarea { resize:none;line-height:1.5;overflow-y:auto; }
.cab-site .cab-chat-form .cab-chat-send-label { font-size:13px;line-height:1.5; }
.cab-site .cab-chat-closed { display:flex;align-items:center;justify-content:center;gap:9px; }
.cab-chat-closed .lf-icon { width:18px;height:18px;flex:none; }
@media(max-width:760px) {
  .header:not(.cab-header):not(.about-head) { position:static; }
  .cab-ticket-filters { max-width:100%; }
  .cab-ticket-filters button { padding-inline:12px;font-size:12px;gap:8px; }
  .cab-site .cab-thread-head { padding:16px 13px;gap:10px; }
  .cab-site .cab-thread-head h2 { font-size:14px;letter-spacing:0; }
  .cab-site .cab-thread-head [data-act=ticket-close] { padding:8px 11px;font-size:11px;gap:6px; }
  .cab-site .cab-thread-head [data-act=ticket-close] .lf-icon { width:17px;height:17px; }
  .cab-site .cab-chat-form .cab-chat-send-label { display:none; }
  .cab-site[data-view=buy] .cab-workspace { padding-bottom:calc(250px + env(safe-area-inset-bottom)); }
  .cab-site[data-view=buy] .cab-invoice {
    position:fixed;z-index:70;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;
    width:auto;max-width:560px;margin-inline:auto;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;
    border-radius:23px;background:rgba(240,248,255,.24);box-shadow:0 12px 36px -15px #17467d50,inset 0 1px 0 #fff;
    -webkit-backdrop-filter:blur(10px) saturate(135%);backdrop-filter:blur(10px) saturate(135%);
  }
  :root[data-theme=dark] .cab-site[data-view=buy] .cab-invoice { background:rgba(23,31,51,.40);box-shadow:0 12px 36px -15px #0009,inset 0 1px 0 #d9e6ff35; }
  .cab-site[data-view=buy] .cab-invoice>.cab-kicker,.cab-site[data-view=buy] .cab-invoice>dl { display:none; }
  .cab-site[data-view=buy] .cab-invoice h2 { grid-column:1;grid-row:1;margin:0;align-self:center;font-size:13px;letter-spacing:0; }
  .cab-site[data-view=buy] .cab-order-caption { display:block;grid-column:1/-1;grid-row:2;margin:0;font-size:11px;line-height:1.6;color:var(--muted); }
  .cab-site[data-view=buy] .cab-invoice-total { grid-column:2;grid-row:1;margin:0;padding:0;border:0;align-self:center; }
  .cab-site[data-view=buy] .cab-invoice-total>span { display:none; }
  .cab-site[data-view=buy] .cab-invoice-total b { font-size:27px;line-height:1.2;letter-spacing:-.5px; }
  .cab-site[data-view=buy] #cabPay { grid-column:1/-1;grid-row:3;margin:5px 0 0;min-height:48px; }
  .cab-site[data-view=buy] .cab-invoice>.cab-note { grid-column:1/-1;grid-row:4;margin:0;padding:0;border:0;background:none;box-shadow:none;text-align:center;font-size:10px;line-height:1.6; }
  .cab-site[data-view=buy] .cab-toast { bottom:calc(235px + env(safe-area-inset-bottom)); }
}
/* Final control alignment: separate status, explicit selection and a centred SVG close. */
.cab-modal #cabPaymentState { margin-top:18px;margin-bottom:8px; }
.cab-plan-choice[aria-pressed=true] .cab-plan-pointer { background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:inset 0 1px 0 #ffffff50; }
.cab-plan-pointer .lf-icon { width:18px;height:18px;stroke-width:2.3; }
#cabDialogClose { display:grid;place-items:center;padding:0;line-height:0;flex:none; }
#cabDialogClose>.lf-icon { display:block;width:18px;height:18px;margin:0; }
/* One accessible dialog for choosing a purchase surface from the hero. */
.panel-dialog.is-purchase-choice { width:min(740px,calc(100% - 32px));background:var(--panel);border-color:var(--polish-edge); }
.is-purchase-choice .panel-surface { background:var(--polish-fill); }
.is-purchase-choice .panel-content { padding:30px; }
.is-purchase-choice .panel-eyebrow { color:var(--muted);font-size:9px;letter-spacing:1px; }
.is-purchase-choice .panel-content h2 { font-size:36px;letter-spacing:-1px;line-height:1.2; }
.is-purchase-choice .panel-lead { font-size:13px;line-height:1.8;color:var(--muted);margin:16px 0 25px; }
.is-purchase-choice .panel-header,.is-purchase-choice .panel-footer { border-color:var(--line);color:var(--muted); }
.is-purchase-choice .panel-close { padding:0;background:var(--accent-soft);color:var(--ink);border-color:var(--line);flex:none; }
.is-purchase-choice .panel-close svg { fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round; }
.purchase-choice-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.purchase-choice-card { min-width:0;padding:24px;border:1px solid var(--polish-edge);border-radius:22px;background:var(--polish-fill);box-shadow:var(--polish-shadow);display:flex;flex-direction:column;text-align:left;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%); }
.purchase-choice-top { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.purchase-choice-label { font:8px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.7px;color:var(--muted);text-align:right; }
.purchase-choice-card h3 { font-size:25px;letter-spacing:-.6px;line-height:1.3;color:var(--ink);margin:22px 0 12px; }
.purchase-choice-card p { font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 25px; }
.purchase-choice-action { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:auto;border-top:1px solid var(--line);padding-top:18px;color:var(--accent);font-size:12px;font-weight:600; }
.purchase-choice-action>[data-lf-icon] { display:grid;place-items:center; }
.purchase-choice-action .lf-icon { width:19px;height:19px; }
@media(hover:hover) { .purchase-choice-card:hover { border-color:var(--accent);background:var(--accent-soft); } }
@media(max-width:600px) {
  .is-purchase-choice .panel-content { padding:24px 18px; }
  .is-purchase-choice .panel-header { padding:16px 18px; }
  .is-purchase-choice .panel-footer { padding:16px 18px; }
  .is-purchase-choice .panel-content h2 { font-size:27px;letter-spacing:-.7px; }
  .is-purchase-choice .panel-lead { font-size:12px;margin-bottom:20px; }
  .purchase-choice-grid { grid-template-columns:1fr;gap:13px; }
  .purchase-choice-card { padding:20px; }
  .purchase-choice-card h3 { font-size:22px;margin:14px 0 8px; }
  .purchase-choice-card p { font-size:12px;margin-bottom:15px; }
  .purchase-choice-action { padding-top:12px; }
}
@media(prefers-reduced-transparency:reduce) { .purchase-choice-card { background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none; } }
/* Telegram cards: optional community links and an explicitly scoped first-day gift. */
.tg-hub { padding-block:90px 100px; }
.tg-hub .section-heading { margin-bottom:38px; }
.tg-hub-grid { display:grid;grid-template-columns:1.08fr 1fr;gap:20px; }
.tg-glass {
  min-width:0;border:1px solid var(--polish-edge);border-radius:27px;background:var(--polish-fill);box-shadow:var(--polish-shadow);
  -webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);
}
.tg-gift-card { grid-row:span 2;padding:32px;background:radial-gradient(ellipse at 0 0,var(--accent-soft),transparent 70%),var(--polish-fill);display:flex;flex-direction:column;align-items:flex-start; }
.tg-card-top { width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.tg-eyebrow { font:10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:1px;color:var(--muted); }
.tg-icon { width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--accent-soft);color:var(--accent); }
.tg-icon .lf-icon { width:23px;height:23px; }
.tg-gift-title { display:flex;gap:25px;align-items:center;margin:18px 0 22px; }
.tg-gift-title>span { color:var(--accent);font-size:116px;font-weight:700;letter-spacing:-8px;line-height:1; }
.tg-gift-title b { font-size:16px;font-weight:500;color:var(--muted); }
.tg-gift-title h3 { font-size:32px;letter-spacing:-1px;line-height:1.15;margin:6px 0 0;font-weight:650;color:var(--ink); }
.tg-card-description { font-size:14px;line-height:1.85;color:var(--body);margin:0;max-width:460px; }
.tg-gift-steps { list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:12px;width:100%; }
.tg-gift-steps li { display:flex;align-items:baseline;gap:15px;font-size:13px;line-height:1.7;color:var(--body); }
.tg-gift-steps li>span { color:var(--accent);font:10px ui-monospace,Consolas,monospace;flex:none; }
.tg-gift-steps a { color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-strong); }
.tg-card-action { margin-top:auto;min-height:52px;width:100%;justify-content:space-between;gap:16px; }
.tg-card-action>span[data-lf-icon] { display:grid;place-items:center;flex:none; }
.tg-fine { font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 0; }
.tg-info-card { padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start; }
.tg-info-card h3 { color:var(--ink);font-weight:650;font-size:26px;line-height:1.25;letter-spacing:-.65px;margin:18px 0 12px; }
.tg-card-bottom { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;width:100%;margin-top:18px; }
.tg-handle { font:11px/1.6 ui-monospace,Consolas,monospace;color:var(--muted); }
.tg-card-link { display:inline-flex;align-items:center;gap:14px;min-height:44px;color:var(--accent);font-size:13px;font-weight:600; }
.tg-card-link .lf-icon { width:18px;height:18px; }
.hero-offer .tg-trial-pill { display:inline-flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line-strong);border-radius:13px;background:var(--polish-fill);box-shadow:inset 0 1px 0 var(--polish-edge);color:var(--accent);min-height:44px; }
.tg-trial-pill b { font-size:12px;font-weight:600; }
.tg-trial-pill .lf-icon { width:18px;height:18px; }
.hero-offer small>a { color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--line-strong); }
.cab-community { margin-top:38px; }
.cab-community-head { display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:18px; }
.cab-community-head h2 { font-size:22px;font-weight:650;letter-spacing:-.5px;margin:0; }
.cab-community-head>span { font-size:11px;color:var(--muted); }
.cab-community-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.tg-mini-card { display:flex;align-items:flex-start;gap:17px;padding:23px;min-width:0;text-align:left; }
.tg-mini-copy { flex:1;min-width:0; }
.tg-mini-copy h3 { margin:1px 0 8px;font-size:17px;line-height:1.4;letter-spacing:-.3px; }
.tg-mini-copy p { color:var(--muted);font-size:12px;line-height:1.8;margin:0; }
.tg-mini-copy small { display:block;margin-top:13px;color:var(--accent);font-size:12px;font-weight:550; }
.tg-mini-card>.lf-icon { width:18px;height:18px;color:var(--accent);flex:none;margin-top:11px; }
.tg-mini-trial { grid-column:1/-1;align-items:center; }
.tg-mini-trial .tg-mini-copy small { font-size:11px;font-weight:400;color:var(--muted); }
@media(hover:hover) {
  .tg-card-link:hover,.tg-gift-steps a:hover { text-decoration:underline;text-underline-offset:4px; }
  .tg-mini-card:hover { border-color:var(--line-strong); }
}
@media(max-width:1000px) {
  .tg-gift-title { gap:18px; }
  .tg-gift-title>span { font-size:96px;letter-spacing:-6px; }
  .tg-gift-title h3 { font-size:27px; }
  .tg-info-card,.tg-gift-card { padding:26px; }
  .tg-card-bottom { align-items:flex-start;flex-direction:column;gap:0; }
}
@media(max-width:760px) {
  .tg-hub { padding-block:60px 65px; }
  .tg-hub-grid { grid-template-columns:1fr;gap:16px; }
  .tg-gift-card { grid-row:auto; }
  .tg-glass { border-radius:23px; }
  .tg-gift-card,.tg-info-card { padding:24px; }
  .tg-hub .section-heading { margin-bottom:27px; }
  .tg-card-description { font-size:13px; }
  .tg-gift-title { margin-block:20px; }
  .tg-gift-title>span { font-size:100px; }
  .tg-gift-title h3 { font-size:29px; }
  .tg-gift-steps li { font-size:12px; }
  .tg-card-action { font-size:12px;padding-inline:16px; }
  .tg-fine { font-size:10px; }
  .tg-card-bottom { flex-direction:row;align-items:center;gap:5px 14px; }
  .tg-info-card h3 { font-size:24px; }
  .cab-community-grid { grid-template-columns:1fr;gap:12px; }
  .cab-community-head { flex-wrap:wrap;gap:6px; }
  .cab-community-head h2 { font-size:21px; }
  .tg-mini-card { padding:20px;gap:13px; }
  .tg-mini-card .tg-icon { width:36px;height:36px;border-radius:11px; }
  .tg-mini-copy h3 { font-size:15px; }
}
@media(max-width:360px) {
  .tg-gift-card,.tg-info-card { padding:21px; }
  .tg-gift-title { gap:15px; }
  .tg-gift-title>span { font-size:82px;letter-spacing:-5px; }
  .tg-gift-title h3 { font-size:24px; }
  .tg-card-action { font-size:11px;padding-inline:12px; }
  .tg-eyebrow { font-size:9px;letter-spacing:.6px; }
  .tg-mini-card { gap:10px;padding:18px; }
  .tg-mini-card>.lf-icon { display:none; }
}
@media(prefers-reduced-transparency:reduce) {
  .tg-glass { background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none; }
  .header,.cab-site[data-view=buy] .cab-invoice,.cab-site .cab-chat-form,.cab-site .cab-chat-closed { background:var(--panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important; }
  .scene .node,.dock-card:not(.dock-primary),.client-card,.price-card,.feature-panel,.cab-site .cab-glass,
  .cab-site .cab-plan-choice,.cab-site .cab-region,.cab-site .cab-term,.cab-site .cab-modal {
    background:var(--panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}

/* 2026-10-17: shared sRGB palette and compact phone layout. */
:root[data-theme=light] {
  color-scheme:light;
  --bg:#f3f6f8;--ink:#152f46;--body:#425b6d;--muted:#4c6374;--subtle:#526a7b;
  --accent:#285f79;--accent-strong:#245a73;--accent-soft:rgba(70,133,157,.09);
  --line:rgba(59,96,116,.14);--line-strong:rgba(59,112,138,.32);
  --panel:#f5f9fb;--surface:rgba(255,255,255,.55);
  --grid:rgba(65,106,125,.035);--glow:rgba(144,195,215,.12);--glow-cool:rgba(159,211,216,.10);
  --button:linear-gradient(115deg,#b4dfeb,#9dcfdf);
  --button-hover:linear-gradient(115deg,#c1e7ef,#acdbe7);
  --polish-fill:linear-gradient(135deg,#ffffffbd,#f4f9fb80 65%,#ffffff99);
  --polish-edge:rgba(255,255,255,.94);
  --polish-shadow:0 18px 34px -27px #294e6266,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffa6;
  --badge-fill:linear-gradient(125deg,rgba(250,253,254,.94),rgba(235,245,249,.90));
}
:root[data-theme=light] .header { background:rgba(243,248,250,.88); }
:root[data-theme=light] :is(.header,.scene .node,.client-card,.price-card,.feature-panel,.dock-card,.tg-glass,.purchase-entry,.cab-glass,.cab-modal,.theme-switch) {
  -webkit-backdrop-filter:blur(18px) saturate(105%);backdrop-filter:blur(18px) saturate(105%);
}
:root[data-theme=light] :is(.button-primary,.dock-primary,.cab-button.primary,.header .account-entry) {
  color:#173d50;border-color:#80b6ca;
  box-shadow:inset 0 1px 0 #ffffffe6,0 9px 20px -16px #335e7380;
}
:root[data-theme=light] .dock-primary small { color:#31576b; }
:root[data-theme=light] .dock-primary b { color:#173d50; }
:root[data-theme=light] .dock-primary :is(.dock-arrow,.dock-icon) { color:#173d50; }
:root[data-theme=light] .dock-primary .dock-icon { border-color:#6599af66;background:#ffffff4d; }
:root[data-theme=light] .tg-trial-pill { color:var(--accent);border-color:var(--line-strong);background:#f8fcfd9c; }

@media(max-width:760px) {
  /* Keep desktop proportions; give the phone a shorter, scrollable masthead. */
  .header:not(.cab-header):not(.about-head) { position:relative; }
  .header:not(.cab-header):not(.about-head) .header-row {
    min-height:0;padding-block:10px;gap:8px 12px;
  }
  .header:not(.cab-header):not(.about-head) .brand { min-height:38px; }
  .header:not(.cab-header):not(.about-head) .brand img { width:30px;height:30px; }
  .header:not(.cab-header):not(.about-head) .brand>span { font-size:21px; }
  .header:not(.cab-header):not(.about-head) .brand small { font-size:7px;letter-spacing:1px; }
  .header:not(.cab-header):not(.about-head) :is(.theme-switch,.menu-switch) { width:44px;height:44px;min-height:44px; }
  .header:not(.cab-header):not(.about-head) .account-entry { min-height:44px;padding:9px 16px;border-radius:13px; }
  .mobile-menu { top:117px; }
  .hero-meta { margin-top:0; }
  .hero-copy { padding-top:8px; }
  .hero h1 { font-size:clamp(46px,15vw,68px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 18px; }
  .hero h1 .word-mask { padding:4px 0 6px;margin-bottom:-6px; }
  .hero-description { font-size:14px;line-height:1.65;margin-bottom:20px; }
  .hero-buttons { gap:10px;justify-content:space-between;align-items:center; }
  .hero-buttons .button { min-height:48px;padding:13px 18px;font-size:13px;gap:20px;border-radius:14px; }
  .hero-buttons .play-link { min-height:44px;font-size:12px;gap:7px; }
  .hero-offer { margin-top:16px;margin-bottom:12px; }
  .hero-offer .tg-trial-pill { min-height:44px;padding:11px 14px; }
  .hero-offer small { font-size:11px;line-height:1.65;margin-top:7px;max-width:340px; }
  .scene { width:100%;height:clamp(300px,92vw,390px);max-width:430px;margin:0 auto; }
  .scene .node { width:154px;min-height:54px;height:54px;padding:9px; }
  .scene-index { top:3%; }
  .action-dock { margin-top:12px; }
  .dock-card:not(.dock-primary) { min-height:112px;gap:12px;padding:18px; }
  .dock-primary { min-height:84px; }
  .dock-card small { line-height:1.5; }
  .cab-site .cab-field input,.cab-site .cab-field textarea,.cab-site .cab-input { font-size:16px; }
  :root[data-theme] .cab-site[data-view=buy] .cab-invoice {
    background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;
  }
}
@media(max-width:360px) {
  .hero-buttons { display:grid;grid-template-columns:1fr;gap:4px; }
  .hero-buttons .button { width:100%;justify-content:space-between; }
  .hero-buttons .play-link { justify-content:center; }
  .hero h1 { font-size:clamp(44px,15vw,54px); }
  .hero-description { font-size:13px; }
  .scene .node { width:144px; }
  .dock-card:not(.dock-primary) { padding:15px; }
}

.about-head .header-row { display:flex;justify-content:space-between; }