/* static/ui-tokens.css */
/* Shared foundations. Light keeps its existing overrides; new scales are dark-only. */
:root {
  color-scheme:dark;
  --font-ui:'Vela Sans',sans-serif;
  --weight-body:500;
  --weight-action:650;
  --weight-emphasis:750;
  --weight-heading:800;
  --color-bg:#050b12;
  --color-text:#f6f7f9;
  --color-muted:#bbc5d4;
  --color-ice:#a0caff;
  --color-glass:rgba(9,20,32,.36);
  --color-edge:rgba(174,207,246,.22);
  --control-surface:rgba(163,195,234,.04);
  --control-edge:rgba(163,195,234,.18);
  --control-hover:rgba(135,177,230,.1);
  --control-pressed:rgba(135,177,230,.16);
  --action-surface:rgba(7,22,39,.64);
  --action-hover:rgba(21,43,68,.82);
  --action-pressed:rgba(31,56,85,.9);
  --action-edge:rgba(160,202,255,.64);
  --surface-highlight:rgba(225,239,255,.07);
  --text-caption:.8125rem;
  --text-label:.75rem;
  --text-control:.875rem;
  --control-height:48px;
  --ease:cubic-bezier(.22,1,.36,1);
  --radius-card:17px;
  --radius-button:11px;
  --radius-navigation:23px;
  --space-page:18px;
  --duration:160ms;
  font-family:var(--font-ui);
  font-synthesis:none;
}

html:not([data-theme="light"]) {
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px; --space-14:56px; --space-16:64px;
  --space-page:16px;
  --space-section:var(--space-6);
  --space-reading:var(--space-12);
  --space-stack:var(--space-4);
  --space-related:var(--space-2);
  --type-display:2.25rem; --type-title:2rem; --type-section:1.75rem;
  --type-dialog-title:1.625rem; --type-section-small:1.5rem;
  --type-subheading:1.375rem; --type-group:1.25rem; --type-price:1.125rem; --type-body:1rem;
  --type-item:.9375rem; --type-compact:.875rem; --type-caption:.8125rem;
  --type-meta:.75rem; --type-small:.6875rem;
  --text-caption:var(--type-caption); --text-label:var(--type-meta);
  --text-control:var(--type-compact);
  --color-reading:#cbd3df; --color-subtle:#95a5b8;
  --color-accent:var(--color-ice); --color-focus:var(--color-ice);
  --color-info:var(--color-ice); --color-success:var(--color-text);
  --color-warning:var(--color-ice); --color-error:var(--color-ice); --color-disabled:var(--color-subtle);
  --color-media-surface:#111d2b; --color-on-media:var(--color-text); --color-control-outline:#71859e;
  --radius-small:8px; --radius-media:12px;
  --surface-card:rgba(17,29,43,.42); --surface-dialog:#0a1420;
  --touch-target:44px;
  --layer-sticky:3; --layer-skip:20;
}
@media(min-width:410px){html:not([data-theme="light"]){--space-page:24px}}
@media(max-width:359px){html:not([data-theme="light"]){--space-page:12px}}

/* static/styles.css */
/* Shared foundations: the page is the first consumer of these UI-kit tokens. */
/* Shared foundations. Light keeps its existing overrides; new scales are dark-only. */
:root {
  color-scheme:dark;
  --font-ui:'Vela Sans',sans-serif;
  --weight-body:500;
  --weight-action:650;
  --weight-emphasis:750;
  --weight-heading:800;
  --color-bg:#050b12;
  --color-text:#f6f7f9;
  --color-muted:#bbc5d4;
  --color-ice:#a0caff;
  --color-glass:rgba(9,20,32,.36);
  --color-edge:rgba(174,207,246,.22);
  --control-surface:rgba(163,195,234,.04);
  --control-edge:rgba(163,195,234,.18);
  --control-hover:rgba(135,177,230,.1);
  --control-pressed:rgba(135,177,230,.16);
  --action-surface:rgba(7,22,39,.64);
  --action-hover:rgba(21,43,68,.82);
  --action-pressed:rgba(31,56,85,.9);
  --action-edge:rgba(160,202,255,.64);
  --surface-highlight:rgba(225,239,255,.07);
  --text-caption:.8125rem;
  --text-label:.75rem;
  --text-control:.875rem;
  --control-height:48px;
  --ease:cubic-bezier(.22,1,.36,1);
  --radius-card:17px;
  --radius-button:11px;
  --radius-navigation:23px;
  --space-page:18px;
  --duration:160ms;
  font-family:var(--font-ui);
  font-synthesis:none;
}

html:not([data-theme="light"]) {
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px;
  --space-12:48px; --space-14:56px; --space-16:64px;
  --space-page:16px;
  --space-section:var(--space-6);
  --space-reading:var(--space-12);
  --space-stack:var(--space-4);
  --space-related:var(--space-2);
  --type-display:2.25rem; --type-title:2rem; --type-section:1.75rem;
  --type-dialog-title:1.625rem; --type-section-small:1.5rem;
  --type-subheading:1.375rem; --type-group:1.25rem; --type-price:1.125rem; --type-body:1rem;
  --type-item:.9375rem; --type-compact:.875rem; --type-caption:.8125rem;
  --type-meta:.75rem; --type-small:.6875rem;
  --text-caption:var(--type-caption); --text-label:var(--type-meta);
  --text-control:var(--type-compact);
  --color-reading:#cbd3df; --color-subtle:#95a5b8;
  --color-accent:var(--color-ice); --color-focus:var(--color-ice);
  --color-info:var(--color-ice); --color-success:var(--color-text);
  --color-warning:var(--color-ice); --color-error:var(--color-ice); --color-disabled:var(--color-subtle);
  --color-media-surface:#111d2b; --color-on-media:var(--color-text); --color-control-outline:#71859e;
  --radius-small:8px; --radius-media:12px;
  --surface-card:rgba(17,29,43,.42); --surface-dialog:#0a1420;
  --touch-target:44px;
  --layer-sticky:3; --layer-skip:20;
}
@media(min-width:410px){html:not([data-theme="light"]){--space-page:24px}}
@media(max-width:359px){html:not([data-theme="light"]){--space-page:12px}}

*{box-sizing:border-box}
html{min-width:320px;background:#02050a;scroll-behavior:smooth}
body{margin:0;color:var(--color-text);background:#02050a;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button{border:0;padding:0;background:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--color-ice);outline-offset:4px}
.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-160%);padding:var(--space-3,12px);min-height:44px;background:#15273d;border-radius:8px}
.skip-link:focus{transform:none}
.app-shell{position:relative;isolation:isolate;width:min(100%,444px);margin-inline:auto;overflow:clip;padding:var(--space-6,22px) var(--space-page) max(var(--space-6,24px),env(safe-area-inset-bottom));background:var(--color-bg);min-height:100svh}
.app-shell::before{content:'';position:absolute;z-index:-2;inset:300px 0 0;background:radial-gradient(ellipse at 82% 65%,rgba(28,78,135,.16),transparent 34%),radial-gradient(ellipse at 25% 32%,rgba(50,79,112,.12),transparent 45%);pointer-events:none}
.ambient{position:absolute;z-index:-1;inset:0 0 auto;height:330px;background-image:linear-gradient(0deg,var(--color-bg),transparent 35%),linear-gradient(90deg,rgba(3,9,16,.28),transparent 80%),url("assets/hero-atmosphere-v2.webp");background-size:cover;background-position:center top;pointer-events:none}
.header{display:flex;align-items:center;justify-content:space-between;margin:0 var(--space-2,6px) 35px var(--space-3,10px);gap:var(--space-4,16px);height:44px}
.brand{display:flex;align-items:center;gap:var(--space-3,10px);min-height:44px;flex-shrink:0}
.brand-mark{width:27px;height:27px;object-fit:contain}
.brand-wordmark{width:120px;height:auto;filter:brightness(0) invert(1)}
.header-actions{display:flex;gap:var(--space-3,10px)}
.icon{display:block;width:24px;height:24px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.icon-button,.round-arrow,.icon-well{display:grid;place-items:center;border-radius:50%;border:1px solid var(--control-edge);background:var(--control-surface);box-shadow:none}
.icon-button{width:44px;height:44px;border-radius:var(--radius-button);flex-shrink:0;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}
.icon-button .icon{width:21px;height:21px}
.telegram{color:var(--color-ice)}
.telegram svg{width:20px;height:20px;fill:currentColor}
.intro{margin:0 var(--space-3,10px) 23px}
.intro h1{font-size:var(--type-display,36px);font-weight:650;line-height:1.065;letter-spacing:-.035em;margin:0 0 var(--space-4,16px)}
.intro p{font-size:var(--type-compact,14.5px);font-weight:400;line-height:1.3;color:var(--color-muted);letter-spacing:-.22px;margin:0}
.glass{border:1px solid var(--color-edge);background:var(--color-glass);box-shadow:inset 0 1px 0 var(--surface-highlight);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.featured{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-card);min-height:216px;padding:var(--space-6,25px) var(--space-6,22px) var(--space-5,20px)}
.product-scene{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.product-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,13,22,.82) 0%,rgba(5,13,22,.57) 40%,rgba(5,13,22,.02) 70%);pointer-events:none}
.featured-copy{position:relative}
.section-label{margin:0;font-family:var(--font-ui);font-size:var(--type-caption,13px);font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--color-muted)}
.featured h2{margin:var(--space-2,8px) 0 var(--space-3,10px);font-size:var(--type-section,28px);line-height:1.08;letter-spacing:-.85px;font-weight:650}
.product-description{font-size:var(--type-compact,14.5px);line-height:1.32;font-weight:400;color:var(--color-muted);letter-spacing:-.15px;margin:0 0 var(--space-4,18px)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4,16px);min-height:var(--control-height);max-width:100%;padding:var(--space-3,12px) var(--space-4,16px);border-radius:var(--radius-button);font-size:var(--text-control);font-weight:700;line-height:1.35;letter-spacing:0;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}
.button-primary{color:var(--color-ice);background:var(--action-surface);border:1px solid var(--action-edge);box-shadow:inset 0 1px 0 var(--surface-highlight);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.featured .button-primary{min-width:204px;justify-content:space-between}
.button .icon{width:22px;height:22px}
.directions{display:grid;gap:var(--space-3,12px);margin-top:var(--space-4,16px)}
.direction{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:var(--space-4,14px);width:100%;min-height:96px;padding:var(--space-4,16px);border-radius:var(--radius-card);text-align:left;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}
.direction::before{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(188,214,247,.035),transparent 45%);z-index:-1}
.icon-well{width:48px;height:48px;color:var(--color-ice);background:var(--control-surface);border-color:transparent}
.icon-well .icon{width:27px;height:27px}
.round-arrow{width:32px;height:32px;color:var(--color-muted);background:none;border-color:transparent}
.round-arrow .icon{width:22px;height:22px}
.direction-copy{min-width:0;display:block}
.direction-title{display:block;font-size:var(--type-body,1rem);font-weight:750;line-height:1.25;letter-spacing:-.02em;margin-bottom:var(--space-1,4px)}
.direction-description{display:block;color:var(--color-muted);font-size:var(--text-caption);line-height:1.5;font-weight:400;letter-spacing:0}
.resources{padding:var(--space-4,18px) var(--space-3,10px) var(--space-3,12px)}
.resources .section-label{margin-bottom:var(--space-2,9px)}
.resource-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3,10px)}
.resource{position:relative;display:flex;align-items:center;gap:var(--space-3,10px);min-height:44px;color:var(--color-muted);font-size:var(--type-compact,14px);font-weight:400;white-space:nowrap}
.resource .icon,.youtube-icon{width:21px;height:21px;color:var(--color-ice)}
.resource:not(:first-child)::before{content:'';position:absolute;left:-14px;height:16px;width:1px;background:rgba(144,178,219,.17)}
.resource-more{border-color:rgba(126,174,232,.1)}
.bottom-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:70px;margin-top:var(--space-1,4px);padding:var(--space-3,10px) 5px;border-radius:var(--radius-navigation);background-color:rgba(15,25,35,.54)}
.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2,7px);min-height:56px;min-width:0;padding:var(--space-1,4px) 0 var(--space-2,7px);border-radius:var(--radius-button);font-size:var(--text-label);font-weight:500;line-height:1.3;color:var(--color-muted);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}
.nav-item .icon{width:23px;height:23px}
.nav-item.is-active{color:var(--color-ice);font-weight:700}
.nav-item.is-active::after{content:'';position:absolute;bottom:0;width:16px;height:2px;border-radius:1px;background:currentColor}
.sheet{width:min(408px,calc(100% - 32px));padding:var(--space-6,22px);border-radius:23px;background:rgba(9,20,33,.96);color:var(--color-text);max-height:calc(100svh - 48px);overflow:auto;box-shadow:0 24px 100px #0008}
.sheet::backdrop{background:rgba(1,5,10,.66);backdrop-filter:blur(7px)}
.sheet-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4,16px)}
.sheet h2{margin:0 0 var(--space-4,14px);font-weight:600;font-size:var(--type-dialog-title,25px);letter-spacing:-.6px}
.sheet>p:not(.prototype-note){font-size:var(--type-item,15px);line-height:1.5;color:var(--color-muted);margin:0 0 var(--space-5,20px)}
.sheet-links{display:grid;gap:var(--space-3,10px)}
.sheet-links .button{justify-content:space-between;text-align:left;min-height:48px}
.prototype-note{font-size:var(--type-small,11px);line-height:1.5;color:#899aaf;margin:var(--space-5,20px) 0 0}
body:has(dialog[open]){overflow:hidden}
@media(hover:hover){.direction:hover{background-color:var(--control-hover);border-color:var(--action-edge)}.button-primary:hover{background:var(--action-hover);border-color:var(--color-ice)}.icon-button:hover{background:var(--control-hover);border-color:var(--action-edge)}.resource:hover,.nav-item:hover{color:var(--color-ice)}}
.button:active,.icon-button:active{transform:translateY(1px)}
.button-primary:active{background:var(--action-pressed)}
:is(.icon-button,.direction,.nav-item):active{background:var(--control-pressed)}
:is(button.button,.icon-button,.direction,.nav-item):disabled{opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}
@media(min-width:600px){.app-shell{margin-block:var(--space-6,24px);border-radius:24px;min-height:0;box-shadow:0 0 0 1px #172231,0 20px 100px #0008}}
@media(max-width:410px){:root{--space-page:16px}.header{margin-inline:var(--space-2,8px) 2px;gap:var(--space-2,8px)}.brand{gap:var(--space-2,8px)}.brand-wordmark{width:112px}.header-actions{gap:var(--space-2,8px)}.intro{margin-inline:var(--space-2,8px)}.intro h1{font-size:var(--type-title,32px);letter-spacing:-1.25px}.featured{padding:var(--space-6,24px) var(--space-4,18px) var(--space-4,18px)}.featured h2{font-size:var(--type-dialog-title,26px)}.product-description{font-size:var(--type-compact,14px)}.direction{gap:var(--space-3,12px);padding:var(--space-4,14px)}.resources{padding-inline:var(--space-2,7px)}.resource{font-size:var(--type-caption,13px);gap:var(--space-2,6px)}.resource:not(:first-child)::before{left:-10px}.resource-row{gap:var(--space-2,8px)}}
@media(max-width:359px){:root{--space-page:12px}.header{margin-left:5px}.brand-wordmark{width:100px}.brand-mark{width:25px}.header-actions{gap:5px}.intro{margin-inline:5px}.intro h1{font-size:var(--type-section,28px);letter-spacing:-1px}.intro p{font-size:var(--type-caption,13px)}.featured{padding:var(--space-6,22px) 15px var(--space-4,18px)}.eyebrow{font-size:9px;letter-spacing:1.3px}.featured h2{font-size:var(--type-section-small,24px)}.product-description{font-size:var(--type-caption,13px)}.direction{grid-template-columns:44px minmax(0,1fr) 24px;gap:var(--space-3,10px);padding:var(--space-4,14px) var(--space-3,10px)}.round-arrow{width:24px;height:32px}.icon-well{width:44px;height:44px}.icon-well .icon{width:25px;height:25px}.direction-description br{display:none}.resources{padding-inline:var(--space-1,4px)}.resource{font-size:var(--type-meta,12px);gap:5px}.resource .icon,.youtube-icon{width:19px;height:19px}.resource:not(:first-child)::before{display:none}.resource-row{gap:var(--space-2,6px)}.nav-item{font-size:var(--type-small,.6875rem);letter-spacing:-.02em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* static/vela.css */
/* Approved typography shared by every page and both color themes. */
@font-face{
  font-family:'Vela Sans';
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url("assets/fonts/vela-sans-variable.woff2") format('woff2');
}
:root{--font-ui:'Vela Sans',sans-serif}
:root :is(h1,h2){font-weight:800}
:root :is(h3,h4,.direction-title){font-weight:750}
:root h2.section-label{font-weight:700}

/* static/ui-system.css */
/*
 * Dark UI system — shared by Products, reading, catalog, checkout and the kit.
 * Page CSS keeps composition only. Legacy fallbacks preserve the excluded light preview.
 */

/* One page grid, spacing rhythm and heading vocabulary. */
html:not([data-theme="light"]) .app-shell{padding:var(--space-6) var(--space-page) max(var(--space-6),env(safe-area-inset-bottom))}
html:not([data-theme="light"]) :is(.header,.reader-bar){height:auto;min-height:var(--touch-target);margin:0 0 var(--space-section);gap:var(--space-2)}
html:not([data-theme="light"]) :is(.intro,.catalog-heading){margin:0 0 var(--space-section)}
html:not([data-theme="light"]) :is(h1,h2,h3,h4,.direction-title,.button,.card-action){overflow-wrap:anywhere}
html:not([data-theme="light"]) :is(h1,h2,h3){text-wrap:balance}
html:not([data-theme="light"]) :is(.catalog-heading h1,.checkout-title,.article-cover h1){font-size:var(--type-title);font-weight:800;line-height:1.13;letter-spacing:-.035em}
html:not([data-theme="light"]) .catalog-heading h1{margin:0 0 var(--space-2)}
html:not([data-theme="light"]) .checkout-title{margin:0 0 var(--space-section)}
html:not([data-theme="light"]) .intro h1{margin-bottom:var(--space-4)}
html:not([data-theme="light"]) .intro p{font-size:var(--type-compact);line-height:1.5;letter-spacing:0}
html:not([data-theme="light"]) .featured{padding:var(--space-6) var(--space-4)}
html:not([data-theme="light"]) .featured h2{margin:var(--space-2) 0 var(--space-3);font-size:var(--type-section);letter-spacing:-.025em}
html:not([data-theme="light"]) .product-description{font-size:var(--type-compact);line-height:1.5;margin-bottom:var(--space-4);letter-spacing:0}
html:not([data-theme="light"]) .directions{gap:var(--space-3);margin-top:var(--space-4)}
html:not([data-theme="light"]) .direction{gap:var(--space-3);padding:var(--space-4)}
html:not([data-theme="light"]) .direction-description br{display:none}
html:not([data-theme="light"]) .direction-description{overflow-wrap:anywhere}
html:not([data-theme="light"]) .resources{padding:var(--space-6) 0 0}
html:not([data-theme="light"]) .resources .section-label{margin-bottom:var(--space-2)}
html:not([data-theme="light"]) .resource-row{flex-wrap:wrap;gap:var(--space-2) var(--space-3)}
html:not([data-theme="light"]) .resource{gap:var(--space-2);font-size:var(--type-compact)}
html:not([data-theme="light"]) .resource::before{display:none}

/* Shared controls — all sizes are minimums, never fixed text heights. */
html:not([data-theme="light"]) .button{padding:var(--space-3) var(--space-4);min-height:var(--control-height);gap:var(--space-3);font-size:var(--type-compact);font-weight:var(--weight-action,650);line-height:1.35;text-align:left}
html:not([data-theme="light"]) .button-secondary{border:1px solid var(--control-edge);background:var(--control-surface);color:var(--color-text)}
html:not([data-theme="light"]) .button-quiet{color:var(--color-ice);border:1px solid transparent;background:none}
html:not([data-theme="light"]) :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-ice);outline-offset:4px}
html:not([data-theme="light"]) .product-media:focus-visible{outline-offset:-4px}
html:not([data-theme="light"]) .image-fallback{width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:var(--space-3)}
html:not([data-theme="light"]) :is(.categories,.detail-sections) button:focus-visible{outline-offset:-3px}
html:not([data-theme="light"]) .color-choice:focus-visible{outline-color:var(--color-on-media);outline-offset:2px}
html:not([data-theme="light"]) .search-box input:focus-visible{outline:0}
html:not([data-theme="light"]) :is(.button,.card-action):is(:disabled,[aria-disabled="true"]){opacity:.4;cursor:not-allowed;transform:none;pointer-events:none}
html:not([data-theme="light"]) .button[aria-busy="true"]{cursor:wait}
html:not([data-theme="light"]) :is(.ui-input,.checkout-field input,.checkout-field select,.checkout-field textarea,.price-range input){min-height:var(--control-height);width:100%;min-width:0;border:1px solid var(--control-edge);border-radius:var(--radius-button);background:var(--control-surface);color:var(--color-text);padding:var(--space-3);font:inherit;font-size:var(--type-body);line-height:1.4}
html:not([data-theme="light"]) :is(.ui-input,.checkout-field input,.checkout-field textarea)::placeholder{color:var(--color-muted);opacity:1}
html:not([data-theme="light"]) :is(.ui-input,.checkout-field input,.checkout-field select,.checkout-field textarea)[aria-invalid="true"]{border-color:var(--color-ice)}
html:not([data-theme="light"]) .ui-field{min-width:0}
html:not([data-theme="light"]) .ui-field>label{display:block;font-size:var(--type-compact);font-weight:600;line-height:1.5;margin-bottom:var(--space-2)}
html:not([data-theme="light"]) .ui-feedback{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--type-caption);line-height:1.5}
html:not([data-theme="light"]) .ui-feedback.is-error{color:var(--color-ice)}
html:not([data-theme="light"]) .ui-notice{padding:var(--space-4);border:1px solid var(--color-edge);border-radius:var(--radius-card);background:var(--control-surface);font-size:var(--type-compact);line-height:1.5}
html:not([data-theme="light"]) .ui-notice>strong{display:block;margin-bottom:var(--space-2);color:var(--color-text);font-weight:750}
html:not([data-theme="light"]) .ui-notice p{margin:0;color:var(--color-muted)}

/* Feedback occupies the content slot; it is not another large glass card. */
html:not([data-theme="light"]) .ui-state{width:100%;max-width:444px;padding:var(--space-5) 0;text-align:left;border:0;border-radius:0;background:none;box-shadow:none}
html:not([data-theme="light"]) .ui-state :is(h2,h3){margin:0 0 var(--space-2);font-size:var(--type-body);font-weight:750;line-height:1.4;letter-spacing:0;text-wrap:initial}
html:not([data-theme="light"]) .ui-state p{margin:0;max-width:36ch;font-size:var(--type-compact);line-height:1.5;color:var(--color-muted)}
html:not([data-theme="light"]) .ui-state>.icon{width:24px;height:24px;margin-bottom:var(--space-3);color:var(--color-muted)}
html:not([data-theme="light"]) .ui-state .button{width:auto;margin-top:var(--space-2);min-height:44px;justify-content:flex-start}
html:not([data-theme="light"]) .ui-state .button-quiet{padding-inline:0}
html:not([data-theme="light"]) .ui-loading{display:flex;align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--type-compact);font-weight:600;line-height:1.5;color:var(--color-muted)}
html:not([data-theme="light"]) .ui-loading>.ui-spinner{flex:0 0 18px}
html:not([data-theme="light"]) .ui-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);max-width:444px}
html:not([data-theme="light"]) .ui-skeleton-card{height:176px;border:1px solid var(--color-edge);border-radius:var(--radius-card);background:var(--surface-card);padding:var(--space-3)}
html:not([data-theme="light"]) .ui-skeleton-card::before{content:'';display:block;height:88px;background:var(--control-hover);border-radius:var(--radius-small);margin-bottom:var(--space-4)}
html:not([data-theme="light"]) .ui-skeleton-card::after{content:'';display:block;height:8px;width:75%;border-radius:4px;background:var(--control-edge);box-shadow:0 16px 0 var(--control-surface)}
html:not([data-theme="light"]) .catalog-loading{display:none}
html:not([data-theme="light"]) #product-grid[aria-busy="true"]+.catalog-loading{display:grid}
html:not([data-theme="light"]) .ui-inline-feedback{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-3);padding:var(--space-3) 0;border-block:1px solid var(--color-edge);font-size:var(--type-compact);line-height:1.5;color:var(--color-muted)}
html:not([data-theme="light"]) .ui-inline-feedback strong{font-weight:650;color:var(--color-text)}
html:not([data-theme="light"]) .ui-inline-feedback .button{padding:0;min-height:44px}

/* Navigation and dialogs are identical across the four sections. */
html:not([data-theme="light"]) .app-shell .bottom-navigation{margin:var(--space-section) 0 0;padding:var(--space-2) var(--space-1)}
html:not([data-theme="light"]) .nav-item{gap:var(--space-2);padding:var(--space-1) 0 var(--space-2);font-size:var(--type-meta);letter-spacing:0}
html:not([data-theme="light"]) .nav-item>span{max-width:100%;overflow-wrap:anywhere;text-align:center}
html:not([data-theme="light"]) :is(.sheet,.catalog-dialog){padding:var(--space-5);border:1px solid var(--color-edge);border-radius:var(--radius-card);background:var(--surface-dialog);max-height:calc(100dvh - 32px)}
html:not([data-theme="light"]) :is(.sheet h2,.dialog-heading h2,.product-dialog h2){font-size:var(--type-dialog-title);line-height:1.25;letter-spacing:-.025em}
html:not([data-theme="light"]) :is(.sheet-top,.dialog-heading){margin-bottom:var(--space-4);gap:var(--space-3);min-width:0}
html:not([data-theme="light"]) .sheet>p:not(.prototype-note){font-size:var(--type-item);margin-bottom:var(--space-5)}
html:not([data-theme="light"]) .sheet-links{gap:var(--space-3)}

/* Reading is the same system at a deliberately more open density. */
html:not([data-theme="light"]) .reader-page{--text-body:var(--type-body);--text-secondary:var(--type-compact);--text-subheading:var(--type-subheading);--text-heading:var(--type-section);--text-title:var(--type-title)}
html:not([data-theme="light"]) .article-cover{padding:0 0 var(--space-section)}
html:not([data-theme="light"]) .article-section{margin-bottom:var(--space-reading)}
html:not([data-theme="light"]) .reader-page .instruction-prose{color:var(--color-text);font-weight:500;overflow-wrap:anywhere}
html:not([data-theme="light"]) .instruction-prose h3{margin-bottom:var(--space-4)}
html:not([data-theme="light"]) .instruction-prose h2{font-weight:800}
html:not([data-theme="light"]) .instruction-prose h3{font-weight:750}
html:not([data-theme="light"]) .instruction-prose h4{font-weight:750}
html:not([data-theme="light"]) .instruction-prose :is(ul,ol){margin-bottom:var(--space-4);padding-inline-start:var(--space-6)}
html:not([data-theme="light"]) .instruction-prose code{white-space:normal;box-decoration-break:slice;-webkit-box-decoration-break:slice}
html:not([data-theme="light"]) .instruction-help{padding:var(--space-5)}
html:not([data-theme="light"]) .instruction-help p{margin-bottom:var(--space-4)}
html:not([data-theme="light"]) .contents{margin:0 0 var(--space-section);z-index:var(--layer-sticky)}
html:not([data-theme="light"]) .contents>summary>span:first-child{flex:1;min-width:0;gap:var(--space-3)}
/* Only the compact position indicator truncates; the full title is in the open contents. */
html:not([data-theme="light"]) .contents-current{min-width:0}
html:not([data-theme="light"]) .instruction-prose :is(h2,h3,h4),html:not([data-theme="light"]) .faq{scroll-margin-top:var(--reading-anchor-offset,88px)}
html:not([data-theme="light"]) .contents nav{max-height:min(65svh,calc(100svh - var(--reading-anchor-offset,88px) - 16px))}
html:not([data-theme="light"]) .video-stage{min-height:max(200px,12rem)}
html:not([data-theme="light"]) .faq summary :is(h3,h4){font-size:var(--type-body);line-height:1.45;margin:0;font-weight:750;letter-spacing:0}

/* Accepted reader A composition + D prose; the light preview stays independent. */
html:not([data-theme="light"]) .reader-page .reader-shell{--space-page:24px;padding-top:var(--space-5);background:var(--color-bg)}
html:not([data-theme="light"]) .reader-page .reader-atmosphere{display:none}
html:not([data-theme="light"]) .reader-page .reader-bar{margin-bottom:var(--space-8)}
html:not([data-theme="light"]) .reader-page .article-cover{padding:0 0 var(--space-8)}
html:not([data-theme="light"]) .reader-page .article-cover h1{line-height:1.15;letter-spacing:-.025em}
html:not([data-theme="light"]) .reader-page :is(.reader-intro,.reader-warning,.reader-company,.instruction-prose blockquote,.instruction-help p){color:var(--color-text);font-weight:500}
html:not([data-theme="light"]) .reader-page :is(.instruction-prose,.reader-warning) strong{color:var(--color-text);font-weight:800}
html:not([data-theme="light"]) .reader-page .reader-company strong{color:var(--color-text);font-weight:650}
html:not([data-theme="light"]) .reader-page .contents{margin:0 0 var(--space-8);background:var(--color-bg);backdrop-filter:none;border-color:var(--color-edge)}
html:not([data-theme="light"]) .reader-page .contents>summary{min-height:52px;padding:var(--space-3) 0;font-size:var(--type-compact)}
html:not([data-theme="light"]) .reader-page .contents-label{font-size:var(--type-compact);font-weight:650;color:var(--color-text)}
html:not([data-theme="light"]) .reader-page .contents-current{color:var(--color-subtle)}
html:not([data-theme="light"]) .reader-page .instruction-prose{margin-top:var(--space-12)}
@media(max-width:359px){html:not([data-theme="light"]) .reader-page .reader-shell{--space-page:16px}html:not([data-theme="light"]) .reader-page .article-cover h1{font-size:var(--type-section)}}

/* Commerce remains compact; the distinction is density, not a second theme. */
html:not([data-theme="light"]) .product-grid{gap:var(--space-3)}
html:not([data-theme="light"]) .product-card{background:var(--surface-card)}
html:not([data-theme="light"]) .product-copy{padding:var(--space-2)}
html:not([data-theme="light"]) .product-copy h2{font-weight:750}
html:not([data-theme="light"]) .card-action{padding:var(--space-2);gap:var(--space-2);font-size:var(--type-caption);font-weight:650}
html:not([data-theme="light"]) .categories{margin:var(--space-4) 0 var(--space-2)}
html:not([data-theme="light"]) .detail-sections{margin:var(--space-6) 0 var(--space-4)}
html:not([data-theme="light"]) #detail-short-description{margin-bottom:var(--space-4)}
html:not([data-theme="light"]) .checkout-form{margin-top:var(--space-section)}
html:not([data-theme="light"]) .checkout-section{margin-bottom:var(--space-section)}
html:not([data-theme="light"]) .checkout-preview-note{margin:var(--space-3) 0 var(--space-section)}
html:not([data-theme="light"]) .checkout-fields{gap:var(--space-3)}
html:not([data-theme="light"]) .cart-summary dl>div{flex-wrap:wrap;gap:var(--space-1) var(--space-4)}
html:not([data-theme="light"]) .cart-summary dd{margin-left:auto}
html:not([data-theme="light"]) .coupon-controls{width:min(100%,15.25rem);max-width:none;flex-wrap:wrap;gap:0 var(--space-3)}
html:not([data-theme="light"]) .coupon-input{flex:1 1 10rem}
html:not([data-theme="light"]) .checkout-option strong{flex-shrink:0}
html:not([data-theme="light"]) .checkout-option{flex-wrap:wrap;row-gap:var(--space-2)}
html:not([data-theme="light"]) .checkout-option>span{flex:1 1 8rem;overflow-wrap:anywhere}
html:not([data-theme="light"]) .checkout-option>strong{margin-left:auto}
html:not([data-theme="light"]) .check-row{gap:var(--space-3);padding-block:var(--space-2)}
html:not([data-theme="light"]) .check-row input{appearance:none;display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;border:1px solid var(--color-control-outline);border-radius:4px;background:transparent;color:var(--color-bg)}
html:not([data-theme="light"]) .check-row input[type="radio"]{border-radius:50%}
html:not([data-theme="light"]) .check-row input:checked{border-color:var(--color-ice);background:var(--color-ice)}
html:not([data-theme="light"]) .check-row input[type="checkbox"]:checked::after{content:'';width:8px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg)}
html:not([data-theme="light"]) .check-row input[type="radio"]:checked::after{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}

/* Catalog controls share compact text and full-size targets with form actions. */
html:not([data-theme="light"]) .filter-trigger{padding:var(--space-2) var(--space-3);border-radius:var(--radius-button);min-height:var(--touch-target);font-size:var(--type-compact)}
html:not([data-theme="light"]) .sort-label select{padding:var(--space-2);border-radius:var(--radius-button);min-height:var(--touch-target);font-size:var(--type-compact)}
html:not([data-theme="light"]) .checkout-option:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}
@media(hover:hover){
  html:not([data-theme="light"]) :is(.filter-trigger,.sort-label select):hover{background:var(--control-hover)}
  html:not([data-theme="light"]) .checkout-option:not(:has(input:checked)):hover{background:var(--control-hover)}
}
html:not([data-theme="light"]) :is(.filter-trigger,.sort-label select):active{background:var(--control-pressed)}

/* Explicit states also let the kit show the real components without pointer tricks. */
html:not([data-theme="light"]) .button-primary[data-ui-state="hover"]{background:var(--action-hover);border-color:var(--color-ice)}
html:not([data-theme="light"]) .button-primary[data-ui-state="pressed"]{background:var(--action-pressed);transform:translateY(1px)}
html:not([data-theme="light"]) [data-ui-state="focus"]{outline:2px solid var(--color-ice);outline-offset:4px}
html:not([data-theme="light"]) .ui-spinner{display:inline-block;width:18px;height:18px;flex-shrink:0;border:2px solid var(--control-edge);border-top-color:currentColor;border-radius:50%;animation:ui-spin 900ms linear infinite}
@keyframes ui-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ui-spinner{animation:none}}

@media(hover:hover){
  html:not([data-theme="light"]) :is(.button-secondary,.button-quiet):hover{background:var(--control-hover);border-color:var(--action-edge)}
}
html:not([data-theme="light"]) :is(.button-secondary,.button-quiet):active{background:var(--control-pressed)}
@media(prefers-reduced-motion:reduce){html:not([data-theme="light"]){scroll-behavior:auto}}

/* static/ui-patterns.css */
/* Reusable dark component patterns. Documentation-only controls stay in ui-kit.css. */
.contact-form,.contact-fields,.ui-flow{display:grid;gap:var(--space-5);min-width:0}
html:not([data-theme="light"]) .contact-form{gap:var(--space-4)}
html:not([data-theme="light"]) .contact-fields{gap:var(--space-3)}
.ui-section-heading h3{font-size:var(--type-subheading);line-height:1.25;letter-spacing:-.015em;margin:0 0 var(--space-2);font-weight:750}
.ui-section-heading p{font-size:var(--type-compact);line-height:1.5;color:var(--color-muted);margin:0}
.ui-fieldset{min-width:0;padding:0;margin:0;border:0}.ui-fieldset legend{font-size:var(--type-compact);font-weight:600;line-height:1.5;margin-bottom:var(--space-2)}
.ui-options-inline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-bottom:var(--space-3)}
.ui-options-inline .check-row{margin:0;min-height:44px}
.ui-consents{display:grid;gap:var(--space-3)}.ui-consents .agreement{align-items:flex-start;min-height:44px}
.ui-consents .agreement input{flex:0 0 18px;margin-top:3px}.ui-consents a{text-decoration:underline;text-underline-offset:3px}
.contact-form .ui-feedback{margin:0}.contact-form .contact-result{padding:0}
.contact-submit{width:100%;justify-content:space-between}.contact-submit[aria-busy="true"]::before{content:'';width:16px;height:16px;border:2px solid var(--color-edge);border-top-color:var(--color-accent);border-radius:50%;animation:ui-spin .8s linear infinite;flex-shrink:0}.contact-submit[aria-busy="true"] .icon{display:none}
.ui-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-edge)}
.ui-list-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--color-edge);border-radius:0;background:none;text-align:left;color:var(--color-text);font:inherit;font-size:var(--type-compact);line-height:1.5;text-decoration:none}
.ui-list-row .ui-row-copy{flex:1;min-width:0}.ui-list-row strong{display:block;font-weight:650}.ui-list-row small{display:block;font-size:var(--type-caption);color:var(--color-muted)}
.ui-list-row[aria-pressed="true"]{color:var(--color-accent)}.ui-list-row:disabled{opacity:.5;cursor:not-allowed}
.ui-model-picker [hidden]{display:none!important}.ui-model-picker [data-picker-back]{justify-self:start}
.ui-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--color-edge);border-radius:var(--radius-media);background:var(--control-surface);color:var(--color-ice);font-size:var(--type-compact)}
.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--type-caption);line-height:1.5;color:var(--color-muted)}
.ui-badge[data-tone="accent"],.ui-badge[data-tone="warning"],.ui-badge[data-tone="error"]{color:var(--color-accent)}
.ui-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);font-size:var(--type-price);line-height:1.4;font-weight:750;font-variant-numeric:tabular-nums}
.ui-price del{font-size:var(--type-compact);font-weight:400;color:var(--color-muted)}.ui-price small{font-size:var(--type-caption);font-weight:400;color:var(--color-muted)}
.ui-choice-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.ui-choice-grid button{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--control-edge);border-radius:var(--radius-button);background:var(--control-surface);font:inherit;font-size:var(--type-compact);color:var(--color-text);line-height:1.4;overflow-wrap:anywhere}
.ui-choice-grid button[aria-pressed="true"]{border-color:var(--color-ice);color:var(--color-ice);background:var(--action-surface)}
.ui-choice-grid button:disabled{opacity:.45}.ui-choice-grid img{display:block;width:48px;height:48px;object-fit:contain}
.ui-callout{padding:var(--space-4);border:1px solid var(--color-edge);border-radius:var(--radius-card);background:var(--control-surface)}
.ui-callout strong{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-compact);line-height:1.5;color:var(--color-accent)}
.ui-callout p{margin:var(--space-2) 0 0;font-size:var(--type-compact);line-height:1.6;color:var(--color-muted)}
.ui-form-error{border:1px solid var(--color-error);border-radius:var(--radius-button);padding:var(--space-3);font-size:var(--type-compact);line-height:1.5}
.ui-form-error a{color:var(--color-accent);text-decoration:underline}
.button-danger{border-color:var(--color-edge);background:var(--control-surface);color:var(--color-text)}
.button-danger .icon{color:var(--color-accent)}
.ui-app-frame{border:1px solid var(--color-edge);border-radius:var(--radius-card);overflow:auto;max-height:560px;position:relative;background:var(--color-bg);scroll-padding-bottom:100px}
.ui-app-frame .reader-bar{position:sticky;top:0;background:var(--surface-dialog);padding:var(--space-3);margin:0;z-index:var(--layer-sticky)}
.ui-app-content{padding:var(--space-4);display:grid;gap:var(--space-4)}
.ui-sticky-action{position:sticky;bottom:0;padding:var(--space-3) var(--space-4) max(var(--space-3),env(safe-area-inset-bottom));border-top:1px solid var(--color-edge);background:var(--surface-dialog)}
.ui-sticky-action .button{width:100%;justify-content:space-between}
.ui-app-frame[data-keyboard="true"]{max-height:320px}.ui-app-frame[data-keyboard="true"] .ui-sticky-action{position:static}
html:not([data-theme="light"]) .ui-bottom-sheet{margin:auto auto 0;max-width:444px;width:calc(100% - 24px);border-radius:var(--radius-card) var(--radius-card) 0 0;padding-bottom:max(var(--space-5),env(safe-area-inset-bottom))}
.ui-contact-actions{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--type-compact)}.ui-contact-actions a,.ui-contact-actions button{min-height:44px;display:inline-flex;align-items:center;color:var(--color-ice)}
.ui-definition-list{margin:0;font-size:var(--type-compact);line-height:1.6}.ui-definition-list>div{padding-block:var(--space-3);border-bottom:1px solid var(--color-edge)}.ui-definition-list dt{color:var(--color-muted);margin-bottom:var(--space-1)}.ui-definition-list dd{margin:0}
.ui-step-heading{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.ui-step-heading>span:first-child{color:var(--color-accent);font-size:var(--type-body);font-weight:750}.ui-step-heading h3{margin:0!important}
.ui-cart-state .cart-item{border-top:1px solid var(--color-edge)}.ui-cart-state .cart-summary{margin-top:var(--space-4)}.ui-cart-state .ui-state{margin-top:var(--space-3)}
.ui-cart-state [aria-busy="true"]{opacity:.65}
@media(hover:hover){.ui-list-row:is(a,button):not(:disabled):hover{color:var(--color-accent)}.ui-choice-grid button:not(:disabled):hover{background:var(--control-hover)}}
@media(prefers-reduced-motion:reduce){.contact-submit[aria-busy="true"]::before{animation:none}}

/* static/app.css */
/* Mini App composition only; shared showroom files own tokens and components. */
[hidden]{display:none!important}
/* The same dark canvas across native tabs; no legacy promotional hero behind services. */
.app.app-shell{background:var(--color-bg);isolation:isolate}
.app.app-shell>.ambient,.app.app-shell::before{display:none}
/* Only explicit pointer focus transfers; keyboard/AT focus keeps its visible ring. */
html .app [data-pointer-focus]:is(:focus,:focus-visible),html .guide-dialog [data-pointer-focus]:is(:focus,:focus-visible){outline:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.app{min-height:100dvh}.app main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.screen{min-width:0}
.topbar{position:relative;z-index:2}.demo-badge,.status-pill{font-size:var(--type-caption);color:var(--color-ice)}
/* Other tabs have no side actions; keep their logo on the same axis as the shop. */
.app:not(.is-shop)>.topbar{justify-content:center}
.section{margin-top:var(--space-8)}
.section>h2,.contact-heading,.guide-picker h2,.help-card h2,.showroom-card h2{font-size:var(--type-subheading);line-height:1.25;margin:0 0 var(--space-4);font-weight:750}
.eyebrow{font-size:var(--type-caption);color:var(--color-muted);margin:0 0 var(--space-2)}
.direction-list{display:grid;gap:var(--space-3)}
.direction-copy>strong{display:block;font-size:var(--type-body);font-weight:750;margin-bottom:var(--space-1)}
.direction-copy>span{display:block;color:var(--color-muted);font-size:var(--type-caption);line-height:1.5}
.direction b{font-weight:400;color:var(--color-muted);text-align:center}
.direction-icon,.icon-box{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;color:var(--color-ice)}
.direction-icon img,.icon-box img{width:27px;height:27px;filter:invert(83%) sepia(29%) saturate(898%) hue-rotate(182deg)}
.setup-link,.guide-card{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);margin-top:var(--space-3);text-align:left;border-radius:var(--radius-card)}
.setup-link>span:nth-child(2),.guide-card>span:nth-child(2){flex:1;min-width:0;display:grid;gap:var(--space-1)}
.setup-link small,.guide-card small,.muted{font-size:var(--type-caption);line-height:1.5;color:var(--color-muted)}
.arrow,.icon-button svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.partner-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);position:relative}
.partner-card>div{flex:1;min-width:0}.partner-card h2{font-size:var(--type-body);margin:0 0 var(--space-1)}
.partner-card p{font-size:var(--type-caption);line-height:1.5;color:var(--color-muted);margin:0}
.round-link{display:grid;place-items:center;min-width:32px;min-height:44px}.round-link::after{content:'';position:absolute;inset:0;border-radius:var(--radius-card)}
.resource-grid a{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3)}
.resource-grid strong{font-weight:650}.resource-grid span{grid-column:1;color:var(--color-muted);font-size:var(--type-caption)}.resource-grid b{grid-column:2;grid-row:1 / 3;font-weight:400;color:var(--color-ice)}
.shop-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.shop-head h1{font-size:var(--type-section);margin:0}
.store-status{padding:var(--space-6) 0;color:var(--color-muted);font-size:var(--type-body);line-height:1.5}
.shop-frame{width:100%;height:calc(100dvh - 230px);min-height:350px;border:0;background:var(--color-bg)}
.buyers-hero,.contacts-hero{margin-bottom:var(--space-6)}
.buyers-hero h1,.contacts-hero h1{font-size:var(--type-title);line-height:1.13;letter-spacing:-.035em;margin:0 0 var(--space-4);font-weight:800}
.buyers-hero>p:last-child,.contacts-hero>p:last-child{font-size:var(--type-compact);line-height:1.5;color:var(--color-muted)}
.notice{margin-block:var(--space-4);font-size:var(--type-caption);line-height:1.5;color:var(--color-muted)}.notice span,.notice strong{display:block}.notice p{margin:var(--space-2) 0}
.guide-picker{margin-top:var(--space-8)}.section-heading{margin-bottom:var(--space-4)}.section-heading>span{color:var(--color-muted);font-size:var(--type-caption)}
.brand-grid,.model-list{display:grid}.model-list :is(button,a){justify-content:space-between}.model-list span{font-size:var(--type-caption);color:var(--color-muted)}
.back-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-ice);margin-bottom:var(--space-3)}
.help-card,.showroom-card{margin-top:var(--space-8);padding:var(--space-5);border-radius:var(--radius-card)}
.help-card p,.showroom-card p{font-size:var(--type-compact);line-height:1.5;color:var(--color-muted)}
.contact-list a{display:flex;gap:var(--space-3);align-items:center}.contact-list a>span:last-child{display:grid;gap:var(--space-1)}.contact-list a>span>span{font-size:var(--type-caption);color:var(--color-muted)}
.bottom-nav{position:fixed;z-index:20;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 2 * var(--space-page));max-width:412px;background-color:var(--surface-dialog)}
.nav-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65}
.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.dialog-head h2{margin:var(--space-2) 0 0}.dialog-actions{display:grid;gap:var(--space-3)}
.guide-dialog>p{color:var(--color-muted);line-height:1.5}
@media(min-width:600px){.app.app-shell{min-height:100dvh;margin-block:0}}
.app.is-shop{--store-header-height:56px;--store-nav-space:80px;padding:0!important;background:var(--color-bg);height:var(--miniapp-visible-height,100dvh);min-height:0;overflow:hidden}
.app.is-shop::before,.app.is-shop .ambient{display:none}
.app.is-shop .topbar{height:var(--store-header-height);min-height:var(--store-header-height);margin:0;padding:6px 16px}
.app.is-shop .brand-mark{width:25px;height:24px}.app.is-shop .brand-wordmark{width:108px}
.app.is-shop main{padding:0!important}
.topbar :is(.shop-back,.shop-cart){display:none}
.app.is-shop .topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:var(--space-2)}
.app.is-shop .topbar .brand{justify-self:center;min-width:0}
.app.is-shop .topbar :is(.shop-back,.shop-cart){display:grid;place-items:center;position:relative;width:44px;height:44px;min-width:44px;padding:0;background:transparent;border-color:transparent}
.app.is-shop .shop-cart [data-shop-count]{position:absolute;top:0;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-small);background:var(--color-ice);color:var(--color-bg);font-size:var(--type-meta);line-height:18px;font-weight:750}
.app.is-shop .shop-cart:disabled{opacity:.4;cursor:default}
.app.is-shop .shop-frame{display:block;width:100%;height:max(0px,calc(var(--miniapp-visible-height,100dvh) - var(--store-header-height) - var(--store-nav-space) - env(safe-area-inset-bottom)));min-height:0;background:var(--color-bg)}
.app.is-shop .store-status{margin:24px 16px}
.app.is-shop .store-status:not([hidden]):not([data-state="error"])::after{content:'';display:block;height:260px;margin-top:24px;border-radius:var(--radius-card);background:linear-gradient(90deg,var(--surface-card) 48%,transparent 48%,transparent 52%,var(--surface-card) 52%)}
.app.is-service .store-status:not([hidden]):not([data-state="error"])::after{height:120px;background:linear-gradient(var(--surface-card) 0 36px,transparent 36px 48px,var(--surface-card) 48px 84px,transparent 84px)}
.app.is-service:has(.store-status:not([hidden])) #shop-title{position:static;clip-path:none;width:auto;height:auto;overflow:visible;white-space:normal;margin:24px 16px 0;font-size:var(--type-group);line-height:1.3;font-weight:var(--weight-heading,800)}
.app.is-service .store-status{margin-top:8px;padding-top:8px;font-size:var(--text-control)}
.app.is-shop .store-status+.button{margin-inline:16px;font-weight:var(--weight-action,650)}
.app.is-shop .bottom-nav{bottom:max(8px,env(safe-area-inset-bottom))}
html:not([data-theme="light"]) .app.is-shop .bottom-nav{min-height:64px;margin:0;padding:4px}
html:not([data-theme="light"]) .app.is-shop .nav-item{min-height:54px;gap:4px;padding:4px 0 6px}
.payment-return{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 16px;background:var(--surface-card);border-bottom:1px solid var(--control-edge);font-size:var(--type-caption)}
.payment-return>span{flex:1 1 100%;color:var(--color-muted)}
.payment-return .button{min-height:44px;padding:8px 12px;font-size:14px}
.payment-return .icon-button{margin-left:auto;width:44px;height:44px}
.app.is-shop.has-payment-return .shop-frame{height:max(0px,calc(var(--miniapp-visible-height,100dvh) - var(--store-header-height) - var(--store-nav-space) - 106px - env(safe-area-inset-bottom)))}
/* The software keyboard already occupies the lower screen; leave room for the form. */
.app.is-shop.has-store-keyboard .bottom-nav{display:none}
.app.is-shop.has-store-keyboard .shop-frame{height:max(0px,calc(var(--miniapp-visible-height,100dvh) - var(--store-header-height)))}
.app.is-shop.has-store-keyboard.has-payment-return .shop-frame{height:max(0px,calc(var(--miniapp-visible-height,100dvh) - var(--store-header-height) - 106px))}

/* Let the shop scroll behind the same floating navigation as native screens. */
.app.is-shop:not(.is-service){--store-nav-space:0px!important}

/* static/products.css */
/* Products composition uses the shared UI-kit tokens and controls. */
[data-screen="products"] .home-intro{margin-inline:0;margin-bottom:var(--space-5)}
[data-screen="products"] .home-intro h1{font-size:var(--type-title);line-height:1.15;letter-spacing:-.03em;text-wrap:balance}
[data-screen="products"] .home-intro p{font-size:var(--type-compact);line-height:1.5;letter-spacing:0}
.products-search{margin-bottom:var(--space-5)}
.products-search .search-box{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height);padding-inline:var(--space-4);border:1px solid var(--control-edge);border-radius:var(--radius-button);background:var(--control-surface)}
.products-search .search-box:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}
.products-search svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--color-muted);stroke-width:1.6;stroke-linecap:round}
.products-search input{width:100%;min-width:0;min-height:var(--control-height);padding-block:var(--space-3);border:0;outline:0;background:none;color:var(--color-text);font:inherit;font-size:var(--type-body)}
.products-search input::placeholder{color:var(--color-muted);opacity:1}
.products-search-results{margin-bottom:var(--space-6)}
[data-screen="products"] .wallet-feature{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;padding:var(--space-5);overflow:visible}
.wallet-feature-image{display:block;align-self:center;width:min(100%,230px);height:180px;object-fit:contain}
[data-screen="products"] .wallet-feature h2{margin:0 0 var(--space-3);font-size:var(--type-section);line-height:1.15;text-wrap:balance}
[data-screen="products"] .wallet-feature .product-description{margin:0 0 var(--space-5);font-size:var(--type-compact);line-height:1.5;letter-spacing:0;text-wrap:pretty}
[data-screen="products"] .wallet-feature .button{width:100%;min-width:0;white-space:normal;text-align:left}
[data-screen="products"] .wallet-feature .button span{flex:none}
[data-screen="products"] .direction-list{grid-template-columns:minmax(0,1fr)}
[data-screen="products"] :is(.direction-copy,.resource-grid a,.setup-link){overflow-wrap:anywhere}
[data-screen="products"] .direction-copy>strong{line-height:1.3}
[data-screen="products"] .partner-card{width:100%;text-align:left;min-height:var(--touch-target);transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}
[data-screen="products"] .partner-card .direction-copy{flex:1}
.partner-arrow{flex:none;width:24px;text-align:center;color:var(--color-muted)}
.contact-list button.ui-list-row>span:last-child{display:grid;gap:var(--space-1);min-width:0}
.contact-list button.ui-list-row>span>span{font-size:var(--type-caption);color:var(--color-muted)}
@media(hover:hover){[data-screen="products"] .partner-card:hover{background:var(--control-hover);border-color:var(--action-edge)}}
[data-screen="products"] .partner-card:active{background:var(--control-pressed)}
@media(max-width:359px){[data-screen="products"] .wallet-feature{padding:var(--space-4)}[data-screen="products"] .direction{grid-template-columns:36px minmax(0,1fr) 20px}[data-screen="products"] :is(.direction-icon,.icon-box){width:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){[data-screen="products"] .partner-card{transition:none}}

/* static/accessibility.css */
.nav-item {
  font-size: 11px;
}

.nav-item span {
  max-width: 100%;
  white-space: nowrap;
}

/* static/products-views.css */
/* Same product UI, including open service descriptions and search states. */
.app.is-service .shop-cart{visibility:hidden}
.app:not(.is-service) .service-tools{display:none}
.service-tools{height:48px;padding-inline:var(--space-4);display:flex;align-items:center;border-bottom:1px solid var(--color-edge)}
.service-tools button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-ice);font-size:var(--type-compact);text-align:left}
.app.is-service.has-service-tools .shop-frame{height:max(0px,calc(var(--miniapp-visible-height,100dvh) - var(--store-header-height) - var(--store-nav-space) - 48px - env(safe-area-inset-bottom)))}
.app.is-service.has-service-tools.has-store-keyboard .shop-frame{height:max(0px,calc(var(--miniapp-visible-height,100dvh) - var(--store-header-height) - 48px))}
.direction-view h1{font-size:var(--type-title);line-height:1.15;letter-spacing:-.025em;margin:0 0 var(--space-5);text-wrap:balance}
.direction-view p{font-size:var(--type-body);font-weight:var(--weight-body,500);line-height:1.6;color:var(--color-text);margin:0 0 var(--space-5)}
.direction-view .direction-lead{font-weight:var(--weight-body,500)}
.direction-view .button{margin-top:var(--space-3);white-space:normal}
.search-group{margin-block:var(--space-6)}
.search-group h2{font-size:var(--type-subheading);line-height:1.3;margin-bottom:var(--space-3)}
.search-group .search-result{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);white-space:normal;overflow-wrap:anywhere}
.search-result strong{font-size:var(--type-body);font-weight:var(--weight-action,650)}
.search-result span,.search-status,.search-error p{font-size:var(--type-compact);line-height:1.5;color:var(--color-muted)}
.search-group>.button{margin-top:var(--space-3)}
.search-error{margin-block:var(--space-5)}
.service-option{margin-block:var(--space-4);border-bottom:1px solid var(--color-edge)}
.service-option summary{position:relative;display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-8) var(--space-4) 0;cursor:pointer;list-style:none;min-height:var(--touch-target)}
.service-option summary::-webkit-details-marker{display:none}
.service-option summary::after{content:'';position:absolute;right:var(--space-2);top:var(--space-4);width:24px;height:24px;background:var(--color-ice);mask:url('assets/icons/chevron-down.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/chevron-down.svg') center/contain no-repeat}
.service-option[open]>summary::after,.service-inclusions[open]>summary::after{transform:rotate(180deg)}
.service-option summary strong{font-size:var(--type-subheading);line-height:1.3;font-weight:var(--weight-heading,800);text-wrap:balance}
.service-meta{font-size:var(--type-compact);color:var(--color-text);font-weight:var(--weight-body,500)}
.service-option-content{padding-block:var(--space-2) var(--space-6)}
.service-option-content p,.service-option-content li{font-size:var(--type-body);line-height:1.6;font-weight:var(--weight-body,500);color:var(--color-text)}
.service-option-content ul{margin:0 0 var(--space-5);padding-left:var(--space-5)}
.service-option-content h3{font-size:var(--type-body);font-weight:var(--weight-heading,800);margin:var(--space-6) 0 var(--space-3)}
.service-option-content li+li{margin-top:var(--space-2)}
.service-option-content .button{width:100%;white-space:normal;margin-top:var(--space-3)}
.direction-view .service-footer-title{font-size:var(--type-subheading);font-weight:var(--weight-heading,800);margin:var(--space-8) 0 var(--space-5)}
.direction-view .service-footnote{font-size:var(--type-body);margin-bottom:var(--space-5)}
.service-option-content a.button{background:transparent;border-color:var(--color-edge);font-weight:var(--weight-body,500)}
.service-option-content .service-inclusions{margin-top:var(--space-4)}
.service-option-content .service-inclusions>summary{font-size:var(--text-control);font-weight:var(--weight-action,650);padding-block:12px;line-height:1.4}
.service-option-content .service-inclusions>summary::after{top:10px}
.service-option-content .service-inclusions>ul{margin-top:var(--space-2)}
/* Partners shares the app surface; hierarchy comes from type and spacing. */
.direction-view[data-direction="partners"] .direction-lead{max-width:65ch;margin-bottom:var(--space-8);color:var(--color-reading)}
.direction-view[data-direction="partners"] .service-option{margin-block:0}
.direction-view[data-direction="partners"] .service-option>summary{padding-block:var(--space-6);gap:var(--space-1)}
.direction-view[data-direction="partners"] .service-option>summary::after{top:var(--space-6)}
.direction-view[data-direction="partners"] .service-option>summary h2{margin:0;font-size:var(--type-subheading);font-weight:var(--weight-heading);line-height:1.3;text-wrap:balance}
.direction-view[data-direction="partners"] .service-meta{color:var(--color-muted)}
.direction-view[data-direction="partners"] .service-option-content{display:flex;flex-direction:column;gap:var(--space-8);padding-block:var(--space-2) var(--space-8);max-width:65ch}
.direction-view[data-direction="partners"] .service-option-content p{margin:0}
.direction-view[data-direction="partners"] .partner-copy{margin:0}
.direction-view[data-direction="partners"] .partner-copy-title{display:block;margin:0 0 var(--space-2);font-size:var(--type-body);font-weight:var(--weight-emphasis);line-height:1.4;color:var(--color-text)}
.direction-view[data-direction="partners"] h3.partner-copy-title{font-size:var(--type-price);font-weight:var(--weight-heading)}
.direction-view[data-direction="partners"] .partner-copy-body{font-size:var(--type-body);line-height:1.6;color:var(--color-reading)}
.direction-view[data-direction="partners"] .service-option-content ul{display:flex;flex-direction:column;gap:var(--space-6);list-style:none;padding:0;margin:0}
.direction-view[data-direction="partners"] .service-option-content li+li{margin:0}
.direction-view[data-direction="partners"] .partner-media-group li:not(:first-child)>.partner-copy-title{font-size:var(--type-compact);font-weight:var(--weight-body);color:var(--color-muted);margin-bottom:var(--space-1)}
.direction-view[data-direction="partners"] .service-option-content ul.partner-tools{gap:var(--space-3)}
.direction-view[data-direction="partners"] .partner-contact{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-edge)}
.direction-view[data-direction="partners"] .partner-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.direction-view[data-direction="partners"] .partner-actions .button{flex:1 1 100%;margin:0}
.direction-view[data-direction="partners"] .partner-actions a.button-primary{background:var(--action-surface);border-color:var(--action-edge);font-weight:var(--weight-action)}
.direction-view[data-direction="partners"] .partner-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.direction-view[data-direction="partners"] .partner-contact-link{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);font-size:var(--type-compact);line-height:1.5;color:var(--color-ice);text-decoration:none}
.direction-view[data-direction="partners"] .partner-contact-link .arrow{flex:0 0 var(--space-5)}
.direction-view[data-direction="partners"] .partner-contact-link:hover{text-decoration:underline;text-underline-offset:var(--space-1)}
.direction-view[data-direction="partners"] .partner-contact-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-1);border-radius:var(--radius-small)}
@media(min-width:640px){.direction-view[data-direction="partners"] .partner-actions .button{flex-basis:0}}
/* Consultation reading follows the website's semantic groups, within the app. */
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .service-option{margin-block:0}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .service-option>summary{padding-block:var(--space-6);gap:var(--space-2)}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .service-option>summary::after{top:var(--space-6)}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .service-option>summary h2{margin:0;font-size:var(--type-subheading);font-weight:var(--weight-heading);line-height:1.3;text-wrap:balance}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .service-meta{color:var(--color-muted);line-height:1.5}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .service-option-content{display:flex;flex-direction:column;gap:var(--space-6);max-width:65ch;padding-block:var(--space-2) var(--space-8)}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .consultation-copy h3{margin:0 0 var(--space-2);font-size:var(--type-price);line-height:1.4;font-weight:var(--weight-emphasis);text-wrap:balance}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .consultation-copy p,.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .consultation-copy ul{margin:0;color:var(--color-reading);text-wrap:pretty}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .consultation-copy ul{padding-left:var(--space-5)}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .consultation-copy li{color:var(--color-reading)}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) .service-option-content>.button{margin:0;min-height:var(--touch-target)}
.direction-view[data-direction="consultations"] .consultation-booking{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-12);max-width:65ch}
.direction-view[data-direction="consultations"] .consultation-booking .service-footer-title{margin:0}
.direction-view[data-direction="consultations"] .consultation-steps{display:flex;flex-direction:column;gap:var(--space-6);margin:0;padding-left:var(--space-6)}
.direction-view[data-direction="consultations"] .consultation-steps>li{padding-left:var(--space-2)}
.direction-view[data-direction="consultations"] .consultation-steps>li::marker{color:var(--color-muted);font-weight:var(--weight-emphasis)}
.direction-view[data-direction="consultations"] .consultation-note{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface-card);border-radius:var(--radius-media)}
.direction-view[data-direction="consultations"] .consultation-note p,.direction-view[data-direction="consultations"] .consultation-support p{margin:0;color:var(--color-reading);text-wrap:pretty}
.direction-view[data-direction="consultations"] .consultation-note p:first-child{color:var(--color-text);font-weight:var(--weight-emphasis)}
.direction-view[data-direction="consultations"] .consultation-support{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.direction-view[data-direction="consultations"] .consultation-support .button{margin:0;min-height:var(--touch-target)}
.direction-view:is([data-direction="consultations"],[data-direction="academy"]) summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-1);border-radius:var(--radius-small)}

/* static/native-support.css */
/* Support uses the app's type, colour and touch tokens. */
.native-support{max-width:720px;margin-inline:auto;overflow-wrap:anywhere}
.native-support .native-support-back{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);margin-bottom:var(--space-5);color:var(--color-ice)}
.native-support-back .arrow{transform:rotate(180deg)}
.native-support .arrow{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:var(--color-ice);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--color-ice)}
.native-support h1{margin-bottom:var(--space-4)}
.native-support h2{margin:0 0 var(--space-4);font-size:var(--type-subheading);line-height:1.3;font-weight:var(--weight-heading);letter-spacing:-.02em;text-wrap:balance}
.native-support h3,.native-support h4{margin:0 0 var(--space-2);font-size:var(--type-price);font-weight:var(--weight-emphasis);line-height:1.4;text-wrap:balance}
.native-support p,.native-support li{font-size:var(--type-body);line-height:1.6;color:var(--color-reading);text-wrap:pretty}
.native-support p{margin:0 0 var(--space-4)}
.native-support-header{margin-bottom:var(--space-6)}
.native-support-contact{padding:var(--space-5);border:1px solid var(--color-edge);border-radius:var(--radius-media);background:var(--surface-card)}
.native-support .button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:48px;padding:var(--space-3);margin:var(--space-5) 0 0;line-height:1.45;white-space:normal;text-align:center}
.native-support-facts{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin:var(--space-5) 0}
.native-support-facts>div{display:flex;flex-direction:column-reverse;gap:var(--space-1)}
.native-support dl dt{font-size:var(--type-compact);color:var(--color-muted)}
.native-support dl dd{margin:0;font-size:var(--type-body);font-weight:var(--weight-emphasis);color:var(--color-text)}
.native-support-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}
.native-support-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--control-edge);border-radius:var(--radius-small);background:var(--control-surface);font-size:var(--type-compact);font-weight:var(--weight-action);color:var(--color-ice);text-decoration:none}
.native-support .native-support-link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;padding-block:var(--space-2);font:inherit;font-size:var(--type-body);line-height:1.45;color:var(--color-ice);text-decoration:none;text-align:left}
.native-support-section{padding-block:var(--space-10);border-top:1px solid var(--color-edge);scroll-margin-top:var(--space-5)}
.native-support-nav+.native-support-link{margin-bottom:var(--space-6)}
.native-support-group{margin-top:var(--space-8)}
.native-support ul{margin:0 0 var(--space-5);padding-left:var(--space-5)}
.native-support ul li+li{margin-top:var(--space-3)}
.native-support li::marker{color:var(--color-ice)}
.native-support-steps{display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-5) 0 0;padding-left:var(--space-6)}
.native-support-steps>li{padding-left:var(--space-2)}
.native-support-steps>li::marker{font-weight:var(--weight-emphasis)}
.native-support-steps p{margin:0}
.native-support-secondary-contact{margin-top:var(--space-8)}
.native-support-meta{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-5) 0}
.native-support-meta>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)}
.native-support-security{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);margin-top:var(--space-8);border-radius:var(--radius-media);background:var(--surface-card)}
.native-support-security>.arrow{margin-top:var(--space-1)}
.native-support-security p{margin:0}
.native-support .native-support-term{color:var(--color-ice);font-size:var(--type-section-small);font-weight:var(--weight-heading)}
.native-support h2 .native-support-term{display:block;margin-bottom:var(--space-2)}
.native-support .native-support-term>span{display:block;color:var(--color-muted);font-size:var(--type-compact);font-weight:var(--weight-body)}
.native-support .native-support-legal{margin-top:var(--space-6);font-size:var(--type-compact);color:var(--color-muted)}
.native-support-legal a{color:var(--color-ice);text-underline-offset:3px}
html[data-sc-glass="smoke-v3"] .native-support :is(.native-support-contact,.native-support-security,.native-support-nav a){border:1px solid var(--glass-edge);border-top-color:var(--glass-top);background-color:var(--glass-base);background-image:var(--glass-shine);box-shadow:var(--glass-inset);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-sc-glass="smoke-v3"] .native-support :is(.native-support-contact,.native-support-security,.native-support-nav a){background-color:var(--glass-solid)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-sc-glass="smoke-v3"] .native-support :is(.native-support-contact,.native-support-security,.native-support-nav a){background-color:var(--glass-solid);background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#8393a4}}
.native-support a:focus-visible,.native-support button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-small)}
@media(hover:hover){.native-support-nav a:hover{background:var(--control-hover)}.native-support-link:hover{text-decoration:underline;text-underline-offset:4px}}
.native-support-nav a:active{background:var(--control-pressed)}
@media(max-width:359px){.native-support-contact,.native-support-security{padding:var(--space-4)}.native-support-security{flex-direction:column}.native-support h1{font-size:var(--type-section)}}

/* static/products-art.css */
/* Approved Products artwork and layout. Scoped to Products; live routes/search retained. */
html .app [data-screen="products"] input{font-family:inherit}
html .app [data-screen="products"] .icon{mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
html .app [data-screen="products"] svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html .app [data-screen="products"] .wallet-hero{margin-top:12px;padding:12px;border-radius:var(--radius-card)}
html .app [data-screen="products"] .wallet-hero-top{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:4px;align-items:center;min-height:103px}
html .app [data-screen="products"] .wallet-hero h1{font-size:22px;line-height:1.12;letter-spacing:-.025em;font-weight:750;margin:0 0 9px}
html .app [data-screen="products"] .wallet-hero p{font-size:13px;line-height:1.35;margin:0;color:var(--color-muted)}
html .app [data-screen="products"] .wallet-hero img{width:130px;height:108px;object-fit:contain}
html .app [data-screen="products"] .wallet-hero .button{width:100%;min-height:44px;padding:10px 12px;font-size:16px;margin-top:9px}
html .app [data-screen="products"] .instructions-link{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;padding:0 3px;margin-top:7px;background:none;border:0;border-radius:var(--radius-small);box-shadow:none;color:var(--color-text);font-size:16px;font-weight:600;text-align:left}
html .app [data-screen="products"] .instructions-link span:nth-child(2){flex:1;min-width:0}
html .app [data-screen="products"] .instructions-link .icon{width:20px;height:20px;color:var(--color-ice)}
html .app [data-screen="products"] .instructions-link svg{width:16px;height:16px;color:var(--color-muted)}
html .app [data-screen="products"] .directions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:9px}
html .app [data-screen="products"] .direction{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;text-align:left;width:100%;min-width:0;min-height:104px;padding:13px 12px;border-radius:var(--radius-card);border:1px solid var(--color-edge);background:var(--surface-card);color:var(--color-text);transition:border-color var(--duration) var(--ease)}
html .app [data-screen="products"] .direction-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
html .app [data-screen="products"] .direction-image.portrait{width:65%;left:auto;object-position:70% 28%}
html .app [data-screen="products"] .direction-photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,18,.92) 0%,rgba(5,11,18,.68) 32%,rgba(5,11,18,.12) 68%,transparent 100%)}
html .app [data-screen="products"] .direction-photo:has(.portrait)::after{background:linear-gradient(90deg,rgba(5,11,18,.9) 0%,rgba(5,11,18,.72) 36%,rgba(5,11,18,.16) 56%,transparent 70%)}
html .app [data-screen="products"] .direction-copy{display:block;position:relative;min-width:0;max-width:100%}
html .app [data-screen="products"] .direction strong{display:block;font-size:17px;line-height:1.2;font-weight:700;letter-spacing:0}
html .app [data-screen="products"] .direction-copy>span{display:block;margin-top:6px;font-size:13px;line-height:1.3;font-weight:500;color:var(--color-text)}
html .app [data-screen="products"] .direction:not(.direction-photo) .direction-copy>span{color:var(--color-muted)}
html .app [data-screen="products"] .direction{min-height:80px}
html .app [data-screen="products"] .direction-image.portrait{inset:4px 4px auto auto;width:100px;height:72px;object-fit:cover;object-position:78% center;border-radius:0;filter:brightness(1.08);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
html .app [data-screen="products"] .direction-image.crypto{inset:-8px 0 auto auto;width:128px;height:96px;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%)}
html .app [data-screen="products"] .direction-coming:disabled{cursor:default;opacity:1;color:var(--color-muted)}
html .app [data-screen="products"] .direction-coming:hover{border-color:var(--color-edge)}
html .app [data-screen="products"] .direction-copy>.coming-label{font-size:11px;line-height:1.3;margin-top:7px;font-weight:600;color:var(--color-muted)}
html .app [data-screen="products"] .wallet-hero{margin-top:var(--space-stack);background:var(--surface-card);overflow:hidden}
html .app [data-screen="products"] .wallet-hero-top{position:relative;min-height:82px;grid-template-columns:minmax(0,1fr)}
html .app [data-screen="products"] .wallet-hero h1{position:relative;z-index:1;margin:0;max-width:44%}
html .app [data-screen="products"] .wallet-hero img{position:absolute;left:66.667%;top:-24px;transform:translateX(-50%);width:150px;height:150px;pointer-events:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,.35))}
html .app [data-screen="products"] .wallet-hero .button{position:relative;z-index:1;margin-top:8px}
html .app [data-screen="products"] .instructions-link{margin-top:var(--space-stack)}
html .app [data-screen="products"] .directions-grid{margin-top:12px}
html .app [data-screen="products"] .media-question{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;width:100%;padding:0 0 10px;margin-bottom:6px;border:0;background:none;color:var(--color-text);font-size:16px;font-weight:600;text-align:left}
html .app [data-screen="products"] .media-question svg{width:16px;height:16px;color:var(--color-muted)}
html .app [data-screen="products"] .partner{margin-top:12px;min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--radius-card);color:var(--color-text);text-align:left}
html .app [data-screen="products"] .partner strong{display:block;font-size:16px;font-weight:650;line-height:1.3}
html .app [data-screen="products"] .partner small{display:block;font-size:13px;line-height:1.35;color:var(--color-muted);margin-top:2px}
html .app [data-screen="products"] .partner svg{width:16px;height:16px;color:var(--color-ice)}
html .app [data-screen="products"] .resources{margin-top:24px}
html .app [data-screen="products"] .resources h2{font-size:22px;line-height:1.3;font-weight:750;letter-spacing:-.025em;margin:0 0 12px}
html .app [data-screen="products"] .resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
html .app [data-screen="products"] .resource-links a{display:block;min-width:0;min-height:60px;padding:10px 0;border-top:1px solid var(--color-edge);font-size:13px;font-weight:650;line-height:1.35}
html .app [data-screen="products"] .resource-links span{display:block;font-size:12px;line-height:1.4;color:var(--color-muted);font-weight:500;margin-top:3px}
@media(max-width:359px){html .app [data-screen="products"] .resources h2{font-size:20px}
}
html .app [data-screen="products"] button:focus-visible,html .app [data-screen="products"] a:focus-visible,html .app [data-screen="products"] input:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
/* The search wrapper owns the visible focus ring for its input. */
html .app [data-screen="products"] .products-search input:focus-visible{outline:0}
html .app [data-screen="products"] .direction:active{border-color:var(--color-focus)}
@media(hover:hover){html .app [data-screen="products"] .direction:hover{border-color:var(--action-edge)}
html .app [data-screen="products"] .instructions-link:hover{color:var(--color-ice)}
}
@media(max-width:359px){html .app [data-screen="products"] .wallet-hero img{left:70%;top:-18px;width:136px;height:136px}
html .app [data-screen="products"] .wallet-hero h1{font-size:20px}
html .app [data-screen="products"] .directions-grid{gap:8px}
html .app [data-screen="products"] .direction{padding:12px 10px;min-height:80px}
html .app [data-screen="products"] .direction strong{font-size:16px}
html .app [data-screen="products"] .direction-recovery{padding-inline:8px 4px}
html .app [data-screen="products"] .direction-recovery strong{letter-spacing:-.02em;overflow-wrap:normal}
html .app [data-screen="products"] .direction-image.portrait{width:66px;height:64px;top:12px;right:3px}
html .app [data-screen="products"] .direction-photo::after{background:linear-gradient(90deg,rgba(5,11,18,.94),rgba(5,11,18,.7) 45%,rgba(5,11,18,.1))}
}
@media(prefers-reduced-motion:reduce){html .app [data-screen="products"] *::before,html .app [data-screen="products"] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media(max-width:359px){html .app [data-screen="products"] .direction-photo::after{background:linear-gradient(90deg,rgba(5,11,18,.92),rgba(5,11,18,.7) 38%,rgba(5,11,18,.14) 72%,transparent)}
}
html .app [data-screen="products"] .direction-office{align-items:flex-end;padding-bottom:10px}
html .app [data-screen="products"] .direction-office .direction-image{object-fit:cover;filter:brightness(1.12)}
html .app [data-screen="products"] .direction-support .direction-image{object-position:50% 42%}
html .app [data-screen="products"] .direction-consultations .direction-image{object-position:58% 24%}
html .app [data-screen="products"] .direction-office::after{background:linear-gradient(180deg,transparent 15%,rgba(5,11,18,.12) 35%,rgba(5,11,18,.86) 72%,rgba(5,11,18,.98) 100%)}
html .app [data-screen="products"] .direction{align-items:flex-end;padding-bottom:10px}
html .app [data-screen="products"] .direction-coming .direction-copy{padding-bottom:0}
html .app [data-screen="products"] .direction-copy>.coming-label{position:absolute;bottom:calc(100% + 5px);margin:0}
html .app [data-screen="products"] .direction-consultations::after{background:linear-gradient(90deg,rgba(5,11,18,.48),transparent 44%,transparent 77%,rgba(5,11,18,.5)),linear-gradient(180deg,transparent 28%,rgba(5,11,18,.15) 45%,rgba(5,11,18,.94) 80%,rgba(5,11,18,.99) 100%)}
html .app [data-screen="products"] .direction-support .direction-image{width:112%;left:0;object-position:50% 42%}
html .app [data-screen="products"] .direction-image.euclid{inset:-13px 0 auto auto;width:92px;height:174px;object-fit:contain;filter:brightness(.48) saturate(.55);mask-image:linear-gradient(90deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%)}
html .app [data-screen="products"] .direction-recovery::after{background:linear-gradient(90deg,rgba(5,11,18,.75),rgba(5,11,18,.3)),linear-gradient(0deg,rgba(5,11,18,.65),transparent 75%)}
html .app [data-screen="products"] .direction-image.club-texture{object-position:65% center;filter:brightness(1.05)}
html .app [data-screen="products"] .wallet-hero{background:var(--surface-card) url('assets/products-art/wallet-studio-bg-v2.webp') center/cover no-repeat}
html .app [data-screen="products"] .wallet-hero img{filter:drop-shadow(0 10px 8px rgba(0,0,0,.55))}
html .app [data-screen="products"] .direction-image.portrait{filter:brightness(1.08) saturate(.82)}
html .app [data-screen="products"] .direction-consultations .direction-image{filter:brightness(1.12) saturate(.64)}
html .app [data-screen="products"] .direction-support .direction-image{filter:brightness(1.02) saturate(.68)}
html .app [data-screen="products"] .direction{border-color:color-mix(in srgb,var(--color-edge) 58%,var(--surface-card))}
html .app [data-screen="products"] .direction-coming:hover{border-color:color-mix(in srgb,var(--color-edge) 58%,var(--surface-card))}
html .app [data-screen="products"] .direction:active{border-color:var(--color-focus)}
@media(hover:hover){html .app [data-screen="products"] .direction:not(:disabled):hover{border-color:var(--action-edge)}
}
html .app [data-screen="products"] .manager-contact{margin-top:var(--space-stack);padding:18px 14px 14px;background:var(--surface-card);border:1px solid var(--color-edge);border-radius:var(--radius-card)}
html .app [data-screen="products"] .manager-contact h2{font-size:20px;line-height:1.3;letter-spacing:-.025em;font-weight:750;margin:0 0 16px}
html .app [data-screen="products"] .manager-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html .app [data-screen="products"] .manager-actions a{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;background:var(--control-surface);border:1px solid var(--control-edge);border-radius:var(--radius-small)}
html .app [data-screen="products"] .manager-actions svg{color:var(--color-ice)}
html .app [data-screen="products"] .manager-actions a:active{background:var(--control-pressed)}
@media(hover:hover){html .app [data-screen="products"] .manager-actions a:hover{background:var(--control-hover)}
}
html .app [data-screen="products"] .media-question{padding:10px 12px;gap:10px;margin-bottom:14px;border:1px solid var(--control-edge);border-radius:var(--radius-small);background:var(--control-surface)}
html .app [data-screen="products"] .media-question span{flex:1}
html .app [data-screen="products"] .media-question svg:first-child{width:19px;height:19px}
html .app [data-screen="products"] .resource-links{column-gap:18px}
html .app [data-screen="products"] .resource-links a{display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:78px;padding:12px 0;font-size:14px;font-weight:600;line-height:1.3}
html .app [data-screen="products"] .resource-links a>span{margin:0;font:inherit;color:inherit;overflow-wrap:anywhere}
html .app [data-screen="products"] .resource-links .media-icons{display:flex;align-items:center;justify-content:space-between;color:var(--color-muted)}
html .app [data-screen="products"] .resource-links svg{width:19px;height:19px}
html .app [data-screen="products"] .resource-links .media-out{width:13px;height:13px}
html .app [data-screen="products"] .resource-links a:active,html .app [data-screen="products"] .media-question:active{background:var(--control-pressed)}
@media(hover:hover){html .app [data-screen="products"] .resource-links a:hover,html .app [data-screen="products"] .media-question:hover{background:var(--control-hover)}
}
@media(max-width:359px){html .app [data-screen="products"] .resource-links{column-gap:12px}
}
html .app [data-screen="products"] .direction:has(.portrait),html .app [data-screen="products"] .direction:has(.crypto){background:#0a0c0e}
html .app [data-screen="products"] .direction:has(.portrait){border-color:rgba(190,194,200,.15)}
html .app [data-screen="products"] .direction:has(.portrait)::before,html .app [data-screen="products"] .direction:has(.crypto)::before{content:"";position:absolute;inset:0;z-index:-3;background:url('assets/products-art/club-satin-v1.webp') 80% center/cover no-repeat;filter:grayscale(1) brightness(1.8);opacity:.18;pointer-events:none}
html .app [data-screen="products"] .direction-photo:has(.portrait)::after{background:linear-gradient(90deg,rgba(8,10,12,.72),rgba(8,10,12,.48) 36%,rgba(8,10,12,.1) 56%,transparent 70%)}
html .app [data-screen="products"] .direction-photo:has(.crypto)::after{background:linear-gradient(90deg,rgba(8,10,12,.64),rgba(8,10,12,.4) 32%,rgba(8,10,12,.08) 68%,transparent)}

.media-symbols{position:absolute;width:0;height:0;overflow:hidden}
.topbar .header-contact{display:none}
.app:not(.is-shop)>.topbar .header-contact{position:absolute;top:calc(50% - 22px);width:44px;height:44px;display:grid;place-items:center;color:var(--color-text);border-radius:var(--radius-small)}
.topbar .header-phone{left:0}.topbar .header-telegram{right:0}
.topbar .header-contact svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html .app.app-shell.is-products{width:min(100%,440px);padding:0 16px;min-height:100dvh}
html .app.is-products::before,html .app.is-products>.ambient{display:none}
/* Approved local-light background: decorative only, limited to Products. */
html .app.app-shell.is-products{background:var(--color-bg);isolation:isolate}
.products-glow{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.app:not(.is-products)>.products-glow{display:none}
.products-glow img{position:absolute;width:720px;height:720px;max-width:none;object-fit:contain;opacity:.075}
.products-glow img:nth-child(1){top:325px;right:0}
.products-glow img:nth-child(2){top:620px;left:0;transform:scaleX(-1)}
.products-glow img:nth-child(3){top:920px;right:0;opacity:.06}
/* Contact buttons end 4px inside the header: 12px outside gives a visible 16px gap. */
html .app.is-products>.topbar{height:52px;min-height:52px;margin:0 0 var(--space-3);gap:9px}
html .app.is-products>.topbar .brand{gap:9px}
html .app.is-products .brand-mark{width:23px;height:23px}
html .app.is-products .brand-wordmark{width:115px;height:auto}
html .app.is-products main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
html .app [data-screen="products"] .products-search{margin:0}
html .app [data-screen="products"] .search-box{height:46px;min-height:46px;padding:0 13px;gap:10px}
html .app [data-screen="products"] .products-search input{height:44px;min-height:44px;font-size:16px;padding:0}
html .app [data-screen="products"] .resources{display:block;padding:0}
html .app [data-screen="products"] .direction-copy>strong{margin:0}
html .app [data-screen="products"] .instructions-link .icon{background:var(--color-ice)}
html .app [data-screen="products"] .products-search-results{margin:16px 0}
@media(max-width:359px){html .app.app-shell.is-products{padding-inline:12px}html .app [data-screen="products"] .wallet-hero h1{max-width:54%;overflow-wrap:normal}}

/* Preserve full-size text: cards stack when words need more horizontal room. */
html .app [data-screen="products"] .directions-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(8em, calc((100% - 10px) / 2))), 1fr));
}
html .app [data-screen="products"] .direction-copy {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: auto;
}
html .app [data-screen="products"] .wallet-hero {
  container-type: inline-size;
}
@container (max-width: 12em) {
  html .app [data-screen="products"] .wallet-hero h1 {
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;
  }
  html .app [data-screen="products"] .wallet-hero img {
    display: none;
  }
}

/* static/products-media.css */
/* Selected editorial media, 14 October 2026. Only Products resources. */
html .app [data-screen="products"] .sc-media{padding:0;margin-top:var(--space-12)}
html .app [data-screen="products"] .sc-media>h2{font-size:var(--type-subheading,1.375rem);font-weight:var(--weight-heading,800);margin-bottom:var(--space-4)}
.sc-media .sc-media-link{display:flex;align-items:center;gap:9px;min-height:44px;min-width:0;padding:7px 0;border-radius:6px;color:var(--color-text);text-decoration:none;white-space:normal;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}
.sc-media .sc-media-link>span{flex:1;min-width:0}
.sc-media .sc-media-link strong{display:block;font-size:1rem;font-weight:var(--weight-action,650);line-height:1.25;overflow-wrap:normal}
.sc-media .sc-media-link small{display:block;font-size:.75rem;line-height:1.3;margin-top:3px;color:var(--color-muted)}
html .app [data-screen="products"] .sc-media .sc-media-link>svg{width:18px;height:18px}
html .app [data-screen="products"] .sc-media .sc-media-link>svg:last-child{width:12px;height:12px;color:var(--color-muted)}
.sc-media .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.sc-media .pair .sc-media-link>svg:first-child{display:block}
.sc-media .editorial .featured,.sc-media .editorial .question{border:1px solid rgba(213,220,235,.19);background:linear-gradient(115deg,rgba(143,153,180,.17),rgba(81,102,130,.11) 65%,rgba(130,144,160,.07));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:11px}
.sc-media .editorial .featured{padding:var(--space-3);min-height:64px}
html .app [data-screen="products"] .sc-media .featured>svg:first-child{width:28px;height:28px;color:#e5ebf5}
.sc-media .featured strong{font-weight:var(--weight-emphasis,750)}
.sc-media .question strong{font-weight:var(--weight-action,650)}
.sc-media .editorial .channels{padding:var(--space-4) 0}
.sc-media .editorial .question{padding:8px 10px;min-height:52px;background:linear-gradient(115deg,rgba(148,140,165,.15),rgba(102,115,135,.10) 65%,rgba(117,130,151,.07))}
.sc-media .editorial .utilities{padding:var(--space-4) 0;border-bottom:1px solid var(--color-edge)}
.sc-media .editorial .chatline{min-height:50px;margin-top:0}
.sc-media .editorial .chatline>span{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.sc-media .sc-media-link:active{background:var(--control-pressed)}
@media(hover:hover){.sc-media .sc-media-link:hover{background:var(--control-hover)}.sc-media .editorial .featured:hover,.sc-media .editorial .question:hover{border-color:rgba(225,232,244,.34)}}
@media(max-width:359px){.sc-media .pair{gap:12px}.sc-media .sc-media-link strong{font-size:.9375rem}.sc-media .editorial .chatline>span{display:block}.sc-media .editorial .featured{min-height:62px;padding-block:8px}}
@media(prefers-reduced-motion:reduce){.sc-media .sc-media-link{transition:none}}

/* A real, same-origin thumbnail. No YouTube iframe or third-party requests on load. */
.sc-media .youtube-preview{overflow:hidden;border:1px solid var(--glass-edge,var(--color-edge));border-top-color:var(--glass-top,var(--color-edge));border-radius:var(--radius-media);background:var(--glass-base);box-shadow:var(--glass-inset)}
.sc-media .youtube-video{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--color-bg)}
.sc-media .youtube-video img{display:block;width:100%;height:100%;object-fit:cover}
.sc-media .youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:36px;border-radius:10px;background:#c92727;color:#fff;box-shadow:0 2px 8px #0006;pointer-events:none}
.sc-media .youtube-play svg{width:24px;height:24px;fill:currentColor;stroke:none}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .youtube-video{border:0;border-radius:0;background-image:none;backdrop-filter:none;box-shadow:none;padding:0}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .youtube-preview .featured{border:0;border-radius:0;min-height:60px}
.sc-media .youtube-video:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px}

/* Universe's own spectral rings: core/scoring.ts + .star__core, scaled for a banner.
   Static decoration only: not a fake interactive chart and no animation runtime. */
html .app [data-screen="products"] .sc-media .universe-preview{position:relative;isolation:isolate;overflow:hidden;min-height:72px}
.sc-media .universe-preview>.universe-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:rgba(0,0,0,.30)}
.sc-media .universe-art i{position:absolute;left:var(--x);top:var(--y);width:var(--d);height:var(--d);border:1px solid rgba(var(--star),.95);border-radius:50%;background:none;box-shadow:0 0 calc(var(--d)*1.1) rgba(var(--star),.40),inset 0 0 calc(var(--d)*.7) rgba(var(--star),.40);opacity:.75;transform:translate(-50%,-50%)}
.sc-media .universe-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,18,.82),rgba(5,11,18,.8) 44%,rgba(5,11,18,.1) 82%);pointer-events:none}
.sc-media .universe-preview>span:not(.universe-art){position:relative}
@media(prefers-contrast:more){.sc-media .universe-art{display:none}}
/* Separate business destination, retaining the shared glass edge and density. */
html .app [data-screen="products"] .partner-photo{position:relative;isolation:isolate;overflow:hidden;min-height:72px;margin-top:var(--space-stack)}
.partner-photo>.partner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 48%;transform:translateX(-5%);z-index:-2;pointer-events:none}
.partner-photo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(10,12,13,.95),rgba(10,12,13,.9) 40%,rgba(10,12,13,.12) 75%)}
html[data-sc-glass="smoke-v3"] body .app.is-products .partner-photo{border-color:rgba(189,177,155,.24);border-top-color:rgba(214,203,185,.35)}
html .app [data-screen="products"] .partner-photo>svg{color:var(--color-text)}
@media(prefers-contrast:more){.partner-photo>.partner-image,.partner-photo::before{display:none}}

/* One Telegram destination group, with two independently accessible channels. */
html[data-sc-glass="smoke-v3"] .app .sc-media .telegram-channels{margin-block:var(--space-4);padding:var(--space-3);border:1px solid var(--glass-edge);border-top-color:var(--glass-top);border-radius:var(--radius-small);background-color:var(--glass-base);background-image:var(--glass-shine);box-shadow:var(--glass-inset);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sc-media .telegram-channels h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:var(--type-price,1.125rem);line-height:1.3;font-weight:var(--weight-action,650);letter-spacing:0}
.sc-media .telegram-channel-links{display:flex;flex-direction:column;gap:4px}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .telegram-channel-links .sc-media-link{align-items:center;gap:12px;min-height:64px;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.sc-media .telegram-channel-links .sc-media-link:last-child{border-top:1px solid var(--color-edge)!important;padding-top:12px!important}
.sc-media .telegram-channel-links .channel-avatar{display:block;flex:0 0 32px;width:32px;height:32px;object-fit:cover;border-radius:50%}
.sc-media .telegram-channels .sc-media-link strong{font-size:var(--type-body,1rem);font-weight:var(--weight-action,650);line-height:1.35;letter-spacing:0}
.sc-media .telegram-channels .sc-media-link small{font-size:var(--type-compact,.875rem);line-height:1.4}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .utilities .sc-media-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px;padding:12px}
.sc-media .utilities .sc-media-link>svg:first-child{grid-column:1;grid-row:1}
.sc-media .utilities .sc-media-link>svg:last-child{grid-column:2;grid-row:1}
.sc-media .utilities .sc-media-link>span{grid-column:1/-1;grid-row:2}
html[data-sc-glass="smoke-v3"] .app [data-screen="products"] svg:not(.youtube-play svg),html[data-sc-glass="smoke-v3"] .app .topbar svg{color:var(--color-ice)}
html[data-sc-glass="smoke-v3"] body .app.is-products [data-screen="products"] .sc-media .sc-media-link>svg,html[data-sc-glass="smoke-v3"] body .app.is-products [data-screen="products"] .partner-photo>svg{color:var(--color-ice)}
@media(hover:hover){html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .telegram-channel-links .sc-media-link:hover strong{text-decoration:underline;text-underline-offset:3px}}

/* static/contacts-art.css */
/* Approved Contacts variant 2. Scoped to this screen; shared shell stays canonical. */
html .app [data-screen="contacts"] .contact-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
html .app [data-screen="contacts"] .contact-shortcuts .button{justify-content:center;text-align:center;font-weight:var(--weight-action,650)}
html .app [data-screen="contacts"] :is(#contact-sales,#contact-support){scroll-margin-top:20px}
html .app:has([data-screen="contacts"].is-active){background:var(--color-bg)}
html .app:has([data-screen="contacts"].is-active)::before,html .app:has([data-screen="contacts"].is-active)>.ambient{display:none}
html .app [data-screen="contacts"] .sc-founder{margin:0 0 24px;padding:0;overflow:hidden;border:1px solid #373c44;border-radius:12px;background:#1b1e23;color:var(--color-text)}
html .app [data-screen="contacts"] .sc-founder-photo{display:block;width:100%;height:auto;aspect-ratio:1000/438;object-fit:contain;margin:0;border:0;border-radius:0;filter:none}
html .app [data-screen="contacts"] .company-story{margin-top:var(--space-5)}
html .app [data-screen="contacts"] .company-story .sc-founder-photo{aspect-ratio:16/9;object-fit:cover}
html .app [data-screen="contacts"] .sc-founder-photo.founder-portrait{aspect-ratio:1674/690;object-fit:contain}
html .app [data-screen="contacts"] .sc-founder-copy{padding:16px}
html .app [data-screen="contacts"] .sc-founder-copy h2{margin:0 0 10px;font-size:1.25rem;font-weight:var(--weight-heading,800);line-height:1.25}
html .app [data-screen="contacts"] .sc-founder-copy :is(p,blockquote){margin:0;font-size:.875rem;line-height:1.5;font-weight:var(--weight-body,500);color:#e1e4e8;overflow-wrap:anywhere;text-wrap:pretty}
html .app [data-screen="contacts"] .sc-founder-copy strong{font-weight:var(--weight-emphasis,750);color:var(--color-text)}
html .app [data-screen="contacts"] .sc-founder-copy blockquote{margin:10px 0 0;padding:0;border:0;font-style:normal}
html .app [data-screen="contacts"]{font-weight:var(--weight-body,500)}
html .app [data-screen="contacts"] :is(h1,h2,p){margin:0}
html .app [data-screen="contacts"] :is(h1,h2){line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
html .app [data-screen="contacts"] .contact-title{font-size:1.625rem;padding-top:4px}
html .app [data-screen="contacts"] h2{font-size:1.25rem}
html .app [data-screen="contacts"] p{line-height:1.5}
html .app [data-screen="contacts"] svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html .app [data-screen="contacts"] .company{display:grid;grid-template-columns:132px minmax(0,1fr);gap:15px;align-items:center;margin:20px 0 24px}
html .app [data-screen="contacts"] .company img{width:132px;height:130px;object-fit:cover;object-position:51% center;border-radius:12px}
html .app [data-screen="contacts"] .company p{font-size:.875rem;line-height:1.45;color:#e1e4e8}
html .app [data-screen="contacts"] .contact-section{padding:20px 0;border-top:1px solid #373c44}
html .app [data-screen="contacts"] .contact-section h2{margin-bottom:6px}
html .app [data-screen="contacts"] .contact-section>p{font-size:.875rem;color:#cbd0d8}
html .app [data-screen="contacts"] .contact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
html .app [data-screen="contacts"] .contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;font-size:.875rem;padding:8px 0}
html .app [data-screen="contacts"] .contact-row span{color:#cbd0d8;font-size:.8125rem}
html .app [data-screen="contacts"] .contact-row strong{font-weight:var(--weight-action,650)}
html .app [data-screen="contacts"] .support-panel{padding:16px;background:#22262d;border-radius:12px}
html .app [data-screen="contacts"] .hours{font-size:.8125rem;margin-top:8px;color:#cbd0d8}
html .app [data-screen="contacts"] .showroom{border-top:0;padding-top:0}
html .app [data-screen="contacts"] .showroom p{margin-top:8px}
html .app [data-screen="contacts"] .showroom .showroom-address{color:var(--color-text)}
html .app [data-screen="contacts"] .paired{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
html .app [data-screen="contacts"] .paired a{justify-content:center}
html .app [data-screen="contacts"] .partner-link{margin-top:14px;width:100%}
html .app [data-screen="contacts"] .contacts-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
html .app [data-screen="contacts"] .contacts-legal{font-size:.75rem;color:#c4c9d1;margin-top:20px}
html .app [data-screen="contacts"] .contacts-legal a{display:inline-flex;align-items:center;min-height:44px}
html .app [data-screen="contacts"] :is(a,button,p,h1,h2,strong,span){min-width:0;overflow-wrap:anywhere}
html .app [data-screen="contacts"] :is(a,button){transition:background var(--duration) var(--ease)}
html .app [data-screen="contacts"] :is(a,button):active{filter:brightness(1.16)}
@media(max-width:359px){html .app [data-screen="contacts"] .company{grid-template-columns:105px minmax(0,1fr);gap:12px}html .app [data-screen="contacts"] .company img{width:105px;height:140px}html .app [data-screen="contacts"] .company p{font-size:.8125rem}html .app [data-screen="contacts"] .contact-title{font-size:1.5rem}html .app [data-screen="contacts"] .contact-row{flex-wrap:wrap;gap:0}}
@media(prefers-reduced-motion:reduce){html .app [data-screen="contacts"] :is(a,button){transition:none!important}}

/* Contacts uses the same button and material components as Products.
   Only layout belongs here; color, borders and interaction states stay in toolkit. */
html .app [data-screen="contacts"] .button{display:flex;justify-content:space-between}
html .app [data-screen="contacts"] .contact-actions .button{justify-content:center;padding-inline:8px}
html .app [data-screen="contacts"] .contacts-media .button{justify-content:flex-start}
html .app [data-screen="contacts"] .support-panel{margin-bottom:24px;border:1px solid var(--color-edge)}
html .app [data-screen="contacts"] .support-panel .button{margin-top:14px}
html .app [data-screen="contacts"] .showroom-booking{padding:16px;margin:20px 0;border:1px solid var(--color-edge);border-radius:var(--radius-media);color:var(--color-text)}
html .app [data-screen="contacts"] .showroom-booking h3{margin:0;font-size:1rem;line-height:1.35;font-weight:var(--weight-emphasis);color:var(--color-text)}
html .app [data-screen="contacts"] .showroom-booking p{margin:8px 0 14px;font-size:var(--type-compact);color:var(--color-reading)}
html .app [data-screen="contacts"] .showroom-booking .button{width:100%}
html .app [data-screen="contacts"] .showroom-photo{border-radius:var(--radius-media);margin-bottom:20px}
html .app [data-screen="contacts"] .contact-row{flex-wrap:wrap;column-gap:12px;row-gap:2px}
html .app [data-screen="contacts"] .contact-row svg{margin-left:auto}

html .app [data-screen="contacts"] .requisites-list{margin:16px 0 0;display:grid;gap:16px;font-size:var(--type-compact,.875rem);line-height:1.5}
html .app [data-screen="contacts"] .requisites-list dt{color:var(--color-muted);margin:0 0 4px}
html .app [data-screen="contacts"] .requisites-list dd{margin:0;color:var(--color-text);overflow-wrap:anywhere;user-select:text}
html .app [data-screen="contacts"] .contact-requisites h3{font-size:var(--type-body,1rem);margin:24px 0 16px}

/* static/buyers-art.css */
/* Selected Buyers 2. All visual rules are scoped to this screen. */
.app:has(.buyers-art:not([hidden])){background:var(--color-bg);font-weight:var(--weight-body,500)}
.app:has(.buyers-art:not([hidden]))::before,.app:has(.buyers-art:not([hidden]))>.ambient{display:none}
.app:has(.buyers-art:not([hidden]))>.topbar{margin-bottom:16px}
.buyers-art{padding-bottom:48px;color:var(--color-text)}
.buyers-art .intro{font-size:14px;line-height:1.5;font-weight:var(--weight-body,500);color:#e1e4e8;margin:0 0 12px}
.buyers-art .intro a,.buyers-art #b2-empty a{text-decoration:underline;text-underline-offset:3px}
.buyers-art .button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px 14px;border-radius:var(--radius-button);font-size:14px;font-weight:var(--weight-action,650);border:1px solid var(--action-edge);background:var(--action-surface);box-shadow:none}
.buyers-art .button.primary{background:var(--action-surface);color:var(--color-text);border:1px solid var(--action-edge)}
.buyers-art .general-guide{margin:0 0 32px}
.buyers-art .title-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}
.buyers-art h1{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:0;font-weight:var(--weight-heading,800)}
.buyers-art .small{font-size:13px;color:#c4c9d1;margin:0}
.buyers-art .search{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:46px;border:1px solid #41464f;border-radius:var(--radius-button);background:#1b1e23}
.buyers-art .search input{font:inherit;font-size:16px;border:0;background:transparent;color:inherit;min-width:0;width:100%;min-height:44px;padding:0;outline:0}
.buyers-art .search input::placeholder{color:#c4c9d1}.buyers-art .search:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}
.buyers-art .brands{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 16px}
.buyers-art .brands button{min-height:44px;min-width:44px;padding:8px 10px;font:inherit;font-size:13px;font-weight:600;border-radius:8px;background:none;border:0;color:#cbd0d8}
.buyers-art .brands button[aria-pressed=true]{background:#32363e;color:#fff}
.buyers-art .models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.buyers-art .model{min-width:0;min-height:146px;text-align:left;background:#1b1e23;border:1px solid #333841;border-radius:12px;padding:10px 12px 12px;display:flex;flex-direction:column;align-items:flex-start;color:inherit;box-shadow:none;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}
.buyers-art .model small{font-size:12px;color:#c4c9d1;margin-bottom:2px}.buyers-art .model strong{font-size:14px;line-height:1.3;font-weight:var(--weight-emphasis,750)}
.buyers-art .device-collage{display:flex;align-items:center;justify-content:center;height:88px;width:100%;margin-bottom:9px;gap:2px}
.buyers-art .device-collage img{display:block;min-width:0;width:100%;height:84px;object-fit:contain;flex:1 1 0}
.buyers-art .device-collage[data-count="2"] img{width:50%}.buyers-art .device-collage[data-count="3"] img{width:33.333%}.buyers-art .device-collage[data-count="3"]{gap:0}
.buyers-art .footnote{color:#c4c9d1;font-size:13px;line-height:1.5;margin:17px 0 0}
.buyers-art .support-dock{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--buyers-nav-height,78.6px) + 6px);z-index:19;display:flex;align-items:center;justify-content:space-between;gap:8px;width:calc(100% - 32px);max-width:412px;min-height:48px;background:var(--glass-floating,var(--color-bg));border:1px solid var(--glass-edge,var(--color-edge));border-top-color:var(--glass-top,var(--color-edge));border-radius:var(--radius-button);box-shadow:var(--glass-inset);padding:8px 12px;font-size:12px;line-height:1.35}
.buyers-art .support-dock strong{font-weight:var(--weight-action,650);color:var(--color-ice)}
.buyers-art .back{display:flex;gap:8px;align-items:center;min-height:44px;font:inherit;font-size:14px;padding:0;border:0;background:none;color:inherit}
.buyers-art .selected-device{display:flex;gap:20px;align-items:center;margin:20px 0 28px;min-height:124px}
.buyers-art .selected-device .device-collage{width:148px;flex:0 0 148px;margin:0;height:124px}.buyers-art .selected-device .device-collage img{height:120px}
.buyers-art .selected-device h1{font-size:25px;margin-top:5px}
.buyers-art .preparation{padding:20px 18px;background:var(--surface-card);border:1px solid var(--color-edge);border-radius:var(--radius-card)}
.buyers-art .preparation>.arrow{margin-bottom:12px}.buyers-art .preparation h2{font-size:21px;font-weight:var(--weight-heading,800);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.buyers-art .preparation p{font-size:15px;line-height:1.5;margin:0;color:#dde0e5}.buyers-art .preparation .button{margin-top:18px}.buyers-art .guide-link{margin-top:14px}
.buyers-art .search-message{font-size:14px;line-height:1.45;color:#e1e4e8;margin:0 0 14px}
.buyers-art :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
@media(hover:hover){.buyers-art .model:hover{background:#252a32;border-color:#7a8798}.buyers-art .button:hover{filter:brightness(1.08)}}
@media(max-width:359px){.buyers-art .selected-device .device-collage{width:104px;flex-basis:104px}.buyers-art .selected-device .device-collage img{height:100px}.buyers-art .device-collage{height:78px}.buyers-art .device-collage img{height:76px}.buyers-art .general-guide{font-size:13px}.buyers-art h1{font-size:24px}.buyers-art .title-row>.small{display:none}.buyers-art .brands button{padding-inline:8px}.buyers-art .selected-device{gap:12px}.buyers-art .selected-device h1{font-size:23px}.buyers-art .preparation{padding:16px}}
@media(prefers-reduced-motion:reduce){.buyers-art *{transition:none!important;scroll-behavior:auto!important}}

/* static/ui-glass-v3.css */
/* Generated by materials/build.cjs. Approved smoke v3, 15 October 2026. */
html[data-sc-glass="smoke-v3"] body{
 --glass-base:rgba(2,5,8,.20);--glass-blur:3px;
 --glass-edge:rgba(221,230,236,.12);--glass-top:rgba(240,245,248,.23);
 --glass-shine:radial-gradient(ellipse at 7% -35%,rgba(237,244,248,.065),transparent 58%),linear-gradient(116deg,transparent 49%,rgba(237,245,249,.014) 60%,transparent 72%);
 --glass-reflect:radial-gradient(ellipse at 0 -30%,rgba(237,244,248,.045),transparent 55%);
 --glass-inset:inset 0 1px 0 rgba(240,247,250,.045),inset 0 -1px 0 rgba(0,0,0,.6),inset 1px 0 0 rgba(240,247,250,.015);
 --glass-primary:rgba(6,15,23,.38);--glass-hover:rgba(12,20,27,.46);--glass-pressed:rgba(25,34,42,.55);
 --glass-floating:rgba(3,7,11,.92);--glass-solid:#15202c;
}
html[data-sc-glass="smoke-v3"] body :is(.material-surface,.glass,.button,.icon-button,.search-box,.guide-card,.setup-link,.partner-card,.notice,.help-card,.showroom-card,.guide-dialog,.payment-return,.buyers-art .search,.buyers-art .model,.buyers-art .preparation,.buyers-art .brands button,[data-screen="contacts"] .contact-actions a,[data-screen="contacts"] .paired a,[data-screen="contacts"] .contacts-media a,[data-screen="contacts"] .support-panel,[data-screen="contacts"] .sc-founder,.setup-choices button,.resume-reading,.reader-warning,.instruction-prose blockquote,.instruction-help,.setup-next,.video-link,.video-play,.image-viewer,.contents,.contents nav,.reader-bar,.bottom-nav,.bottom-navigation,.service-tools button,.search-clear){border-color:var(--glass-edge);border-top-color:var(--glass-top);background-color:var(--glass-base);background-image:var(--glass-shine);box-shadow:var(--glass-inset);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));}
html[data-sc-glass="smoke-v3"] body :is(.material-surface:is(button,a),.button,.icon-button,.buyers-art .model,.buyers-art .brands button,.contact-actions a,.paired a,.contacts-media a,.setup-choices button,.video-link,.video-play,.service-tools button,.search-clear){transition:border-color 160ms ease,background-color 160ms ease;}
html[data-sc-glass="smoke-v3"] body :is(.manager-actions a,.support-panel .button,.preparation .button,.instruction-help .button,.guide-dialog .button,.image-viewer .icon-button){backdrop-filter:none;-webkit-backdrop-filter:none;}
html[data-sc-glass="smoke-v3"] body :is(.guide-dialog,.payment-return,.image-viewer,.contents,.contents nav,.reader-bar){background-color:var(--glass-floating);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
html[data-sc-glass="smoke-v3"] body .app-shell :is(.guide-dialog,.payment-return,.image-viewer,.contents,.contents nav,.reader-bar){background-color:var(--glass-floating);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
html[data-sc-glass="smoke-v3"] body :is(.button-primary,.button.primary){background-color:var(--glass-primary);color:#d6e9ff;border:1px solid rgba(180,207,230,.32);border-top-color:rgba(218,232,242,.36);}
html[data-sc-glass="smoke-v3"] body :is(.buyers-art .brands button[aria-pressed="true"],.setup-choices button[aria-pressed="true"]){background-color:rgba(25,34,42,.72);border-color:#a0caff;color:#d6e9ff;}
@media(hover:hover){html[data-sc-glass="smoke-v3"] body :is(.material-surface:is(button,a),.button,.icon-button,.buyers-art .model,.buyers-art .brands button,.contact-actions a,.paired a,.contacts-media a,.setup-choices button,.video-link,.video-play,.service-tools button,.search-clear):not(:disabled):not([aria-disabled="true"]):not([aria-pressed="true"]):hover{background-color:var(--glass-hover);border-color:rgba(226,236,243,.3);}}
html[data-sc-glass="smoke-v3"] body :is(.material-surface:is(button,a),.button,.icon-button,.buyers-art .model,.buyers-art .brands button,.contact-actions a,.paired a,.contacts-media a,.setup-choices button,.video-link,.video-play,.service-tools button,.search-clear):not(:disabled):not([aria-pressed="true"]):active{background-color:var(--glass-pressed);border-color:rgba(221,232,240,.38);transition:none;}
html[data-sc-glass="smoke-v3"] body :is(.material-surface:is(button,a),.button,.icon-button,.buyers-art .model,.buyers-art .brands button,.contact-actions a,.paired a,.contacts-media a,.setup-choices button,.video-link,.video-play,.service-tools button,.search-clear):focus-visible{outline:2px solid #bddbff;outline-offset:3px;}
html[data-sc-glass="smoke-v3"] body :is(.material-surface:is(button,a),.button,.icon-button,.buyers-art .model,.buyers-art .brands button,.contact-actions a,.paired a,.contacts-media a,.setup-choices button,.video-link,.video-play,.service-tools button,.search-clear):is(:disabled,[aria-disabled="true"]){cursor:default;opacity:.55;box-shadow:none;}
/* Geometry and photo protection from the accepted complete Products preview. */
html[data-sc-glass="smoke-v3"] body .app.is-products .material-surface{border:1px solid var(--glass-edge);border-top-color:var(--glass-top)}
html[data-sc-glass="smoke-v3"] body .app .material-photo{background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-sc-glass="smoke-v3"] body .app .wallet-hero{background-image:var(--glass-shine),url("assets/products-art/wallet-studio-bg-v2.webp");background-size:cover;isolation:isolate}
html[data-sc-glass="smoke-v3"] body .app .material-photo>.material-reflection{position:absolute;inset:0;border-radius:inherit;background:var(--glass-reflect);pointer-events:none;z-index:0}
html[data-sc-glass="smoke-v3"] body .app .direction-copy{z-index:1}
html[data-sc-glass="smoke-v3"] body .app.is-products .material-surface :is(small,.coming-label){color:#c8d3df}
html[data-sc-glass="smoke-v3"] body .app.is-products :is(.sc-media-link,.instructions-link){padding-inline:11px;border-radius:var(--radius-small)}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .pair{gap:10px}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .pair .sc-media-link{min-height:64px}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .pair .sc-media-link>svg:last-child{width:10px;flex:none}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .utilities{border-bottom:0}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .chatline{padding:10px 11px}
html[data-sc-glass="smoke-v3"] body .app.is-products .sc-media .chatline>span{display:block}
html[data-sc-glass="smoke-v3"] body .app :is(.manager-contact,.manager-actions a,.header-contact){background-color:rgba(2,5,8,.18)}
html[data-sc-glass="smoke-v3"] body .app .header-contact{border-radius:var(--radius-small)}
html[data-sc-glass="smoke-v3"] body .app-shell:is(.app,.reader-shell) :is(.bottom-nav,.bottom-navigation){position:fixed;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);column-gap:2px;background-color:rgba(3,7,11,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html[data-sc-glass="smoke-v3"] body .app-shell:is(.app,.reader-shell) :is(.bottom-nav,.bottom-navigation) .nav-item{border:1px solid transparent;border-radius:12px;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
/* The navigation has one glass surface. Selection uses the label and indicator. */
html[data-sc-glass="smoke-v3"] body .app-shell:is(.app,.reader-shell) :is(.bottom-nav,.bottom-navigation) .nav-item:is(.is-active,[aria-current="page"]){color:var(--color-ice);background:none;border-color:transparent;box-shadow:none}
html[data-sc-glass="smoke-v3"] body .app-shell:is(.app,.reader-shell) :is(.bottom-nav,.bottom-navigation) .nav-item :is(svg,.icon){color:var(--color-ice)}
html[data-sc-glass="smoke-v3"] body .app-shell:is(.app,.reader-shell) :is(.bottom-nav,.bottom-navigation) .nav-item:active{background-color:var(--glass-pressed)}
html[data-sc-glass="smoke-v3"] body .app-shell:is(.app,.reader-shell) :is(.bottom-nav,.bottom-navigation) .nav-item:focus-visible{outline:2px solid var(--color-focus,var(--color-ice));outline-offset:1px}
html[data-sc-glass="smoke-v3"] body .app.is-products .button-primary{border-color:rgba(180,207,230,.32);border-top-color:rgba(218,232,242,.36)}
/* Brand marks, photographs, prose and entire pages never acquire a frosted sheet. */
html[data-sc-glass="smoke-v3"] body .buyers-art .brands button{border:1px solid var(--glass-edge)}
html[data-sc-glass="smoke-v3"] body :is(.buyers-art .brands button,.setup-choices button)[aria-pressed="true"]{background-color:rgba(25,34,42,.72);background-image:none;border-color:#a0caff;color:#d6e9ff;box-shadow:none;}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-sc-glass="smoke-v3"] body :is(.material-surface,.glass,.button,.icon-button,.search-box,.guide-card,.setup-link,.partner-card,.notice,.help-card,.showroom-card,.guide-dialog,.payment-return,.buyers-art .search,.buyers-art .model,.buyers-art .preparation,.buyers-art .brands button,[data-screen="contacts"] .contact-actions a,[data-screen="contacts"] .paired a,[data-screen="contacts"] .contacts-media a,[data-screen="contacts"] .support-panel,[data-screen="contacts"] .sc-founder,.setup-choices button,.resume-reading,.reader-warning,.instruction-prose blockquote,.instruction-help,.setup-next,.video-link,.video-play,.image-viewer,.contents,.contents nav,.reader-bar,.bottom-nav,.bottom-navigation,.service-tools button,.search-clear){background-color:var(--glass-solid)!important;}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-sc-glass="smoke-v3"] body :is(.material-surface,.glass,.button,.icon-button,.search-box,.guide-card,.setup-link,.partner-card,.notice,.help-card,.showroom-card,.guide-dialog,.payment-return,.buyers-art .search,.buyers-art .model,.buyers-art .preparation,.buyers-art .brands button,[data-screen="contacts"] .contact-actions a,[data-screen="contacts"] .paired a,[data-screen="contacts"] .contacts-media a,[data-screen="contacts"] .support-panel,[data-screen="contacts"] .sc-founder,.setup-choices button,.resume-reading,.reader-warning,.instruction-prose blockquote,.instruction-help,.setup-next,.video-link,.video-play,.image-viewer,.contents,.contents nav,.reader-bar,.bottom-nav,.bottom-navigation,.service-tools button,.search-clear){background-color:var(--glass-solid)!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#8393a4!important;} html[data-sc-glass="smoke-v3"] body .material-reflection{display:none!important;}}
@media(prefers-reduced-motion:reduce){html[data-sc-glass="smoke-v3"] body :is(.material-surface,.glass,.button,.icon-button,.search-box,.guide-card,.setup-link,.partner-card,.notice,.help-card,.showroom-card,.guide-dialog,.payment-return,.buyers-art .search,.buyers-art .model,.buyers-art .preparation,.buyers-art .brands button,[data-screen="contacts"] .contact-actions a,[data-screen="contacts"] .paired a,[data-screen="contacts"] .contacts-media a,[data-screen="contacts"] .support-panel,[data-screen="contacts"] .sc-founder,.setup-choices button,.resume-reading,.reader-warning,.instruction-prose blockquote,.instruction-help,.setup-next,.video-link,.video-play,.image-viewer,.contents,.contents nav,.reader-bar,.bottom-nav,.bottom-navigation,.service-tools button,.search-clear){transition:none!important;}}


/* static/recovery.css */
/* Recovery uses the shared Vela type scale and approved smoke surfaces. */
.direction-view[data-direction="recovery"]{max-width:760px;margin-inline:auto}
.direction-view[data-direction="recovery"] .recovery-expert{margin:0 0 var(--space-5)}
.direction-view[data-direction="recovery"] .recovery-expert img{display:block;width:100%;height:auto;border-radius:var(--radius-media);aspect-ratio:1000/438}
.direction-view[data-direction="recovery"] .recovery-expert figcaption{padding-top:var(--space-4)}
.direction-view[data-direction="recovery"] h2{font-size:var(--type-subheading);font-weight:var(--weight-heading);line-height:1.3;text-wrap:balance;margin:0 0 var(--space-3)}
.direction-view[data-direction="recovery"] .recovery-expert h2{font-size:var(--type-section-small);margin-bottom:var(--space-1)}
.direction-view[data-direction="recovery"] .recovery-expert p{font-size:var(--type-compact);color:var(--color-muted);margin:0}
.direction-view[data-direction="recovery"] p,.direction-view[data-direction="recovery"] li{max-width:65ch;text-wrap:pretty}
.direction-view[data-direction="recovery"] .recovery-intro{margin-bottom:var(--space-8)}
.direction-view[data-direction="recovery"] .recovery-section{margin-block:var(--space-8)}
.direction-view[data-direction="recovery"] .recovery-section ul,.direction-view[data-direction="recovery"] .recovery-section ol{margin:0;padding-left:var(--space-5)}
.direction-view[data-direction="recovery"] .recovery-section li{font-size:var(--type-body);font-weight:var(--weight-body);line-height:1.6;color:var(--color-reading);padding-left:var(--space-1)}
.direction-view[data-direction="recovery"] .recovery-section li+li{margin-top:var(--space-3)}
.direction-view[data-direction="recovery"] .recovery-section li::marker{color:var(--color-ice);font-weight:var(--weight-emphasis)}
.direction-view[data-direction="recovery"] .recovery-limits{margin:var(--space-4) 0 0;font-size:var(--type-compact);color:var(--color-muted)}
.direction-view[data-direction="recovery"] .recovery-security{padding:var(--space-5);border:1px solid var(--glass-edge);border-top-color:var(--glass-top);border-radius:var(--radius-media);background-color:var(--glass-base);background-image:var(--glass-shine);box-shadow:var(--glass-inset)}
.direction-view[data-direction="recovery"] .recovery-security h2{display:flex;align-items:center;gap:var(--space-2)}
.direction-view[data-direction="recovery"] .recovery-security svg{width:24px;height:24px;flex:none;fill:none;stroke:var(--color-ice);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.direction-view[data-direction="recovery"] .recovery-security p{color:var(--color-reading);margin-bottom:var(--space-3)}
.direction-view[data-direction="recovery"] .recovery-security p:last-child{margin-bottom:0}
.direction-view[data-direction="recovery"] .recovery-contact{margin-top:var(--space-6)}
.direction-view[data-direction="recovery"] .recovery-contact .button{width:100%;min-height:var(--touch-target);margin:0}
.direction-view[data-direction="recovery"] .recovery-contact p{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--type-compact);line-height:1.5}
.direction-view[data-direction="recovery"] :is(a,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-1)}

/* Explanatory text is a compact list, not a row of action cards. */
.direction-view[data-direction="recovery"].services-refresh .recovery-help ul{display:block;list-style:disc;margin:0;padding-left:20px}
.direction-view[data-direction="recovery"].services-refresh .recovery-help li{padding:0 0 0 4px;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
.direction-view[data-direction="recovery"].services-refresh .recovery-help li+li{margin-top:12px}

/* static/services-approved.css */
/* Approved mobile service compositions, 16 October 2026. Only these four surfaces. */
[data-screen].services-refresh h1{font-size:32px;line-height:1.15;font-weight:800;letter-spacing:-.025em;margin-bottom:20px;text-wrap:balance}
[data-screen].services-refresh h2{font-size:22px;line-height:1.3;font-weight:800;margin-bottom:16px}
[data-screen].services-refresh h3{font-size:16px;font-weight:800;line-height:1.4;margin-bottom:10px}
[data-screen].services-refresh p{margin-bottom:16px}
[data-screen].services-refresh a{color:var(--color-ice)}
[data-screen].services-refresh ul,[data-screen].services-refresh ol{padding-left:21px}
[data-screen].services-refresh li+li{margin-top:12px}
[data-screen].services-refresh .pagehead{font-size:14px;color:var(--color-muted);margin-bottom:22px;display:flex;gap:8px;align-items:center}
[data-screen].services-refresh .pagehead .small{display:none}
[data-screen].services-refresh .academyhero{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:rgba(17,29,43,.42);border:1px solid rgba(221,230,236,.12)}
[data-screen].services-refresh .herocopy{padding:24px 18px 20px}
[data-screen].services-refresh .herocopy h1{font-size:28px;line-height:1.15;letter-spacing:-.025em}
[data-screen].services-refresh .meta{font-size:14px;color:var(--color-muted);margin-bottom:20px}
[data-screen].services-refresh .academyhero img{aspect-ratio:1000/438;height:auto}
[data-screen].services-refresh .button-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;font-size:14px;font-weight:650;line-height:1.4;border-radius:11px;border:1px solid rgba(180,207,230,.32);border-top-color:rgba(218,232,242,.36);color:#d6e9ff;background:rgba(6,15,23,.38);box-shadow:inset 0 1px 0 rgba(240,247,250,.045)}
[data-screen].services-refresh .button-primary:hover{background:rgba(12,20,27,.46)}
[data-screen].services-refresh .academybody{padding-top:28px}
[data-screen].services-refresh .copygrid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}
[data-screen].services-refresh .copy p{color:var(--color-reading);margin:0}
[data-screen].services-refresh .copy>p+p{margin-top:var(--space-3,12px)}
[data-screen].services-refresh .academy-format .copy>ul+p{margin-top:16px}
[data-screen].services-refresh .inclusions{padding:20px;border:1px solid rgba(221,230,236,.12);border-top-color:rgba(240,245,248,.23);background:rgba(2,5,8,.2);border-radius:12px;box-shadow:inset 0 1px 0 #f0f7fa0b}
[data-screen].services-refresh .inclusions ul{list-style:none;padding:0;margin:0}
[data-screen].services-refresh .inclusions li{position:relative;padding:14px 0 14px 22px;border-top:1px solid #dde6ec1a;margin:0}
[data-screen].services-refresh .inclusions li:last-child{padding-bottom:0}
[data-screen].services-refresh .inclusions li:before{content:'';position:absolute;top:24px;left:0;width:6px;height:6px;border-radius:50%;background:var(--color-ice)}
[data-screen].services-refresh .consultintro{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}
[data-screen].services-refresh .consultintro img{height:auto;aspect-ratio:16/9;border-radius:12px}
[data-screen].services-refresh .consultlayout{display:block}
[data-screen].services-refresh .choices{display:grid;gap:10px;margin-bottom:28px}
[data-screen].services-refresh .choice{position:relative;display:flex;gap:12px;width:100%;text-align:left;padding:16px 36px 16px 16px;min-height:90px;background:rgba(2,5,8,.2);border:1px solid rgba(221,230,236,.12);border-top-color:rgba(240,245,248,.23);border-radius:12px}
[data-screen].services-refresh .choice.selected{border-color:var(--color-ice);background:rgba(25,34,42,.55)}
[data-screen].services-refresh .choice-num{display:none}
[data-screen].services-refresh .choice strong{font-size:16px;line-height:1.35;display:block;font-weight:750}
[data-screen].services-refresh .choice small{display:block;margin-top:8px;font-size:14px;color:var(--color-muted)}
[data-screen].services-refresh .radio{position:absolute;right:14px;top:19px;width:15px;height:15px;border:1px solid #8b9bae;border-radius:50%}
[data-screen].services-refresh .selected .radio{border:4px solid var(--color-ice);background:#070e14}
[data-screen].services-refresh .consultpanel h2{font-size:22px}
[data-screen].services-refresh .consultdetail{padding-bottom:32px;border-bottom:1px solid #dde6ec1a}
[data-screen].services-refresh .booking{padding-top:32px}
[data-screen].services-refresh .steps{counter-reset:s;list-style:none;padding:0}
[data-screen].services-refresh .steps li{position:relative;padding:0 0 22px 40px;counter-increment:s;font-size:15px;margin:0}
[data-screen].services-refresh .steps li:before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;background:#a0caff0d;border:1px solid #a0caff29;border-radius:8px;display:grid;place-items:center;color:var(--color-ice);font-size:14px}
[data-screen].services-refresh .notice{padding:18px;border-radius:12px;border:1px solid #dde6ec1a;background:#02050833;margin:8px 0 24px;font-size:14px;color:var(--color-muted)}
[data-screen].services-refresh .notice p:last-child{margin:0}
[data-screen].services-refresh .textlink{border:0;padding:10px 0;background:none;color:var(--color-ice);font-size:14px}
[data-screen].services-refresh .recoveryhero{margin-bottom:28px}
[data-screen].services-refresh .recoveryhero p{color:var(--color-reading)}
[data-screen].services-refresh .recoverygrid{display:grid;gap:28px}
[data-screen].services-refresh .recovery-help ul{list-style:none;padding:0;display:grid;gap:12px;margin:0 0 16px}
[data-screen].services-refresh .recovery-help li{padding:18px;border-radius:12px;border:1px solid #dde6ec1a;background:#111d2b6b;margin:0}
[data-screen].services-refresh .muted{font-size:14px;color:var(--color-muted);margin:0}
[data-screen].services-refresh .recovery-process ol{margin-bottom:0}
[data-screen].services-refresh .recovery-process li::marker{color:var(--color-ice);font-weight:750}
[data-screen].services-refresh .recovery-security{padding:20px;border-radius:12px;border:1px solid #dde6ec1f;border-top-color:#f0f5f83b;background:#02050833;font-size:15px}
[data-screen].services-refresh .recovery-security p:last-child{margin:0}
[data-screen].services-refresh .recovery-expert{margin:28px 0 0;border:1px solid #dde6ec1a;border-radius:12px;overflow:hidden}
[data-screen].services-refresh .recovery-expert img{aspect-ratio:1000/438}
[data-screen].services-refresh .recovery-expert figcaption{padding:18px}
[data-screen].services-refresh .recovery-expert h2{font-size:22px;margin-bottom:8px}
[data-screen].services-refresh .recovery-expert p{color:var(--color-muted);font-size:14px;line-height:1.5;margin:0}
[data-screen].services-refresh .recovery-contact{padding-top:24px}
[data-screen].services-refresh .recovery-contact p{font-size:13px;color:var(--color-muted);margin:12px 0 0}
[data-screen].services-refresh .native-support-header p{color:var(--color-reading)}
[data-screen].services-refresh .native-support-contact{padding:20px;margin:24px 0;border:1px solid #dde6ec1f;border-top-color:#f0f5f83b;background:#02050833;border-radius:12px}
[data-screen].services-refresh .native-support-contact h2{font-size:22px}
[data-screen].services-refresh .native-support-contact p{font-size:15px;color:var(--color-reading)}
[data-screen].services-refresh .native-support-facts{display:flex;gap:28px;margin:20px 0}
[data-screen].services-refresh .native-support-facts dt{font-size:13px;color:var(--color-muted)}
[data-screen].services-refresh .native-support-facts dd{font-size:20px;font-weight:750;margin:0;color:var(--color-text)}
[data-screen].services-refresh .native-support-nav{display:flex;gap:5px;margin:24px 0;padding:4px;background:#101820;border-radius:11px;border:1px solid #dde6ec1a}
[data-screen].services-refresh .native-support-nav a{display:grid;place-items:center;text-align:center;flex:1;min-height:44px;font-size:12px;line-height:1.35;text-decoration:none;padding:8px 4px;border:1px solid transparent;border-radius:8px;color:var(--color-muted)}
[data-screen].services-refresh .native-support-nav a.active{background:#a0caff0d;border-color:#a0caff70;color:var(--color-ice)}
[data-screen].services-refresh .native-support-section{padding-top:8px}
[data-screen].services-refresh .native-support-steps{padding:0;list-style:none;counter-reset:st}
[data-screen].services-refresh .native-support-steps li{position:relative;counter-increment:st;padding:16px 0 20px 40px;border-bottom:1px solid #dde6ec1a;margin:0}
[data-screen].services-refresh .native-support-steps li:before{content:counter(st);position:absolute;top:17px;left:0;border:1px solid #a0caff29;background:#a0caff0d;border-radius:8px;width:26px;height:26px;display:grid;place-items:center;font-size:14px;color:var(--color-ice)}
[data-screen].services-refresh .native-support-steps h3,[data-screen].services-refresh .native-support-steps h4{margin:0 0 8px;font-size:16px;line-height:1.4}
[data-screen].services-refresh .native-support-steps p{font-size:15px;margin:0;color:var(--color-reading)}
[data-screen].services-refresh .native-support-group{padding:24px 0;border-bottom:1px solid #dde6ec1a}
[data-screen].services-refresh .native-support-group p,[data-screen].services-refresh .native-support-group li{color:var(--color-reading)}
[data-screen].services-refresh .native-support-group dl{display:flex;flex-wrap:wrap;gap:20px}
[data-screen].services-refresh .native-support-group dt{font-size:12px;color:var(--color-muted)}
[data-screen].services-refresh .native-support-group dd{margin:0}
[data-screen].services-refresh .native-support-legal{font-size:13px}
[data-screen].services-refresh .native-support-term{font-size:32px;font-weight:800;color:var(--color-ice)}
[data-screen].services-refresh .native-support-term span{display:block;font-size:16px;color:var(--color-text)}
[data-screen].services-refresh .native-support button:not(.button-primary){background:#02050833;border:1px solid #dde6ec1f;border-radius:11px;padding:12px 16px;min-height:48px;width:100%;font-size:14px;color:var(--color-ice)}
[data-screen].services-refresh{max-width:396px;margin-inline:auto;padding-bottom:20px}
[data-screen].services-refresh .pagehead{margin-bottom:22px}
[data-screen].services-refresh .copy h3{margin:0 0 10px}
[data-screen].services-refresh .inclusions h3{margin:0 0 10px}
[data-screen].services-refresh .button{margin-top:0;white-space:normal;gap:8px}
[data-screen].services-refresh .service-approved-content>.button+.button{margin-top:var(--space-3,12px)}
[data-screen].services-refresh .consultation-booking{margin-top:0}
[data-screen].services-refresh .steps li h3{display:inline;font-size:15px;line-height:1.6;margin:0}
[data-screen].services-refresh .steps li p{display:inline;font-size:15px;line-height:1.6;margin:0}
[data-screen].services-refresh .consultation-note p{font-size:14px;color:var(--color-muted)}
[data-screen].services-refresh .recovery-section{margin:28px 0 0}
[data-screen].services-refresh .recovery-expert{margin:28px 0 0}
[data-screen].services-refresh .recovery-expert .expert-personal{margin-top:16px;color:var(--color-text);font-size:16px;line-height:1.6}
[data-screen].services-refresh .native-support-contact .button{display:flex}
/* Keep the section choice available below the app header while reading. */
[data-screen].services-refresh .native-support-nav{position:sticky;top:calc(var(--sc-topbar-height,52px) + var(--space-2,8px));z-index:var(--layer-sticky,3);overflow:visible;background:var(--color-bg,#050b12)}
.sc-navigation-shell.app [data-screen].services-refresh .native-support-section{scroll-margin-top:calc(var(--sc-topbar-height,52px) + var(--space-2,8px) + var(--sc-support-nav-height,54px) + var(--space-4,16px))}
[data-screen].services-refresh .native-support-steps li::after{display:none}
[data-screen].services-refresh .consultation-support{border:0;padding-top:0}
[data-screen].services-refresh .academyhero img{aspect-ratio:1;height:auto;max-height:none;object-fit:contain;background:#000}
[data-screen].services-refresh .academy-author{margin:0;padding:16px 18px;font-size:14px;line-height:1.5;color:var(--color-muted)}
[data-screen].services-refresh img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}
[data-screen].services-refresh .academyhero img{object-fit:contain}

/* unified navigation */
/* Mini App navigation geometry. Load after ui-glass-v3.css in the shell and
   instruction readers. Colors, glass, active states and keyboard hiding stay
   owned by their existing styles. The ordinary store has neither shell. */
html body :is(.app.app-shell, .reader-page .reader-shell.app-shell) > .bottom-navigation {
  min-height: 64px;
  margin: 0;
  padding: 4px;
}

html body :is(.app.app-shell, .reader-page .reader-shell.app-shell) > .bottom-navigation > .nav-item {
  min-height: 54px;
  gap: 4px;
  padding: 4px 0;
  font-size: var(--type-meta, .75rem);
  line-height: 1.333333;
  letter-spacing: 0;
}

html body :is(.app.app-shell, .reader-page .reader-shell.app-shell) > .bottom-navigation > .nav-item > :is(svg, .icon) {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

html body :is(.app.app-shell, .reader-page .reader-shell.app-shell) > .bottom-navigation > .nav-item > span {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* buyers.js measures the actual navigation with ResizeObserver; this is the
   matching initial fallback before that measurement is available. */
html body .app.app-shell .buyers-art {
  --buyers-nav-height: 64px;
}

/* Let larger text reflow into two rows instead of splitting navigation words. */
html body :is(.app.app-shell, .reader-page .reader-shell.app-shell) > .bottom-navigation {
  display: grid;
  font-size: var(--type-meta, .75rem);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 5.5em), 1fr));
}
html body :is(.app.app-shell, .reader-page .reader-shell.app-shell) > .bottom-navigation > .nav-item > span {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}
/* Keep the normal shop overlap when enlarged text adds a navigation row. */
html body .app.app-shell.is-shop:not(.is-service) {
  --store-nav-space: max(0px, calc(var(--sc-nav-space, 80px) - 80px)) !important;
}

/* Opt-in Mini App shell/reader chrome. No selectors target the ordinary store. */
html body .app-shell.sc-navigation-shell > .sc-navigation-topbar.sc-navigation-topbar{
  position:sticky;
  top:0;
  z-index:calc(var(--layer-sticky,3) + 2);
  display:grid;
  grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);
  align-items:center;
  column-gap:var(--space-1,4px);
  height:52px;
  min-height:52px;
  margin-inline:0;
  padding:var(--space-1,4px) 0;
  border:0;
  border-radius:0;
  background:var(--color-bg,#050b12);
}
html body .app-shell.sc-navigation-shell.is-shop > .sc-navigation-topbar.sc-navigation-topbar{
  padding-inline:var(--space-page,16px);
}
html body .app-shell.sc-navigation-shell > .sc-navigation-topbar.sc-navigation-topbar > .brand{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  width:auto;
  max-width:100%;
  padding:0;
  gap:var(--space-2,8px);
}
html body .sc-navigation-shell > .sc-navigation-topbar .brand-mark{width:23px;height:23px;flex:0 0 23px}
html body .sc-navigation-shell > .sc-navigation-topbar .brand-wordmark{width:105px;max-width:100%;height:auto}
html body .sc-navigation-shell > .sc-navigation-topbar > .sc-topbar-actions{
  grid-column:3;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:0;
  min-width:0;
  justify-content:flex-end;
}
html body .sc-navigation-shell > .sc-navigation-topbar > .sc-topbar-leading{
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  gap:0;
}
html body .app-shell.sc-navigation-shell > .sc-navigation-topbar.sc-navigation-topbar .sc-topbar-back,
html body .app-shell.sc-navigation-shell > .sc-navigation-topbar.sc-navigation-topbar .sc-topbar-action{
  position:relative;
  inset:auto;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:0;
  border-radius:var(--radius-small,8px);
  background:transparent;
  color:var(--color-ice,#a3ccff);
  box-shadow:none;
}
html body .app-shell.sc-navigation-shell:not(.is-shop) > .sc-navigation-topbar .shop-cart{display:none}
html body .sc-navigation-shell > .sc-navigation-topbar .sc-topbar-action svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
html body .sc-navigation-shell > .sc-navigation-topbar .sc-topbar-back:disabled{opacity:.4;cursor:default}
html body .sc-navigation-shell > .sc-navigation-topbar :is(a,button):focus-visible{outline:2px solid var(--color-focus,var(--color-ice));outline-offset:-2px}
html body .sc-navigation-shell > .sc-navigation-topbar :is(.sc-topbar-back,.sc-topbar-action):active{background:var(--control-pressed)}
@media(hover:hover){html body .sc-navigation-shell > .sc-navigation-topbar :is(.sc-topbar-back,.sc-topbar-action):hover{background:var(--control-hover)}}
/* Keep jump destinations below the pinned bar; readers retain their TOC-aware offset. */
.sc-navigation-shell.app :is([id],h1,h2,h3){scroll-margin-top:calc(var(--sc-topbar-height,52px) + var(--space-4,16px))}
html body .app-shell.sc-navigation-shell:not(.is-shop):not(.has-native-form) > main{
  padding-bottom:calc(max(100px,var(--sc-nav-space,80px)) + env(safe-area-inset-bottom));
}
@media(max-width:380px){
  html body .sc-navigation-shell > .sc-navigation-topbar .brand-mark{display:none}
  html body .sc-navigation-shell > .sc-navigation-topbar .brand-wordmark{width:92px}
}