/* Shared, progressive appearance controls. No page palette is changed here. */
:root{--theme-review-bg:#e8eee6;--theme-review-ink:#14201c;--theme-review-link:#0b5a4c;--theme-control-bg:#edf1e9;--theme-control-line:#c5d2c0;--theme-control-ink:#425d47;--theme-control-hover:#dce7d8;--theme-control-selected:#0b5a4c;--theme-control-selected-ink:#fff;--theme-control-focus:#946009}
:root[data-theme="dark"]{--theme-review-bg:#213328;--theme-review-ink:#e9efe7;--theme-review-link:#8dd2b0;--theme-control-bg:#1d2e23;--theme-control-line:#587460;--theme-control-ink:#cfdecf;--theme-control-hover:#2c4633;--theme-control-selected:#8dd2b0;--theme-control-selected-ink:#10251b;--theme-control-focus:#f1c96d}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--theme-review-bg:#213328;--theme-review-ink:#e9efe7;--theme-review-link:#8dd2b0;--theme-control-bg:#1d2e23;--theme-control-line:#587460;--theme-control-ink:#cfdecf;--theme-control-hover:#2c4633;--theme-control-selected:#8dd2b0;--theme-control-selected-ink:#10251b;--theme-control-focus:#f1c96d}}
.appearance-bar{display:flex;justify-content:flex-end;align-items:center;min-height:52px;padding-block:8px;gap:12px;flex-wrap:wrap}
.appearance-bar:has(>[data-theme-control]:empty){display:none}
[data-theme-control]{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:3px;border:1px solid var(--theme-control-line);border-radius:100px;background:var(--theme-control-bg);color:var(--theme-control-ink);max-width:100%;flex-shrink:0;line-height:1.35}
[data-theme-control]:empty,[data-theme-control][hidden]{display:none!important}
[data-theme-control] [data-theme-value]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:8px 12px;border:0;border-radius:100px;background:transparent;color:var(--theme-control-ink);font:500 11px/1.35 'Instrument Sans',system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:none;letter-spacing:0;flex:0 0 auto}
[data-theme-control] [data-theme-value]:hover{background:var(--theme-control-hover)}
[data-theme-control] [data-theme-value][aria-pressed="true"],[data-theme-control] [data-theme-value][aria-checked="true"]{background:var(--theme-control-selected);color:var(--theme-control-selected-ink)}
[data-theme-control] [data-theme-value]:focus-visible{outline:3px solid var(--theme-control-focus);outline-offset:3px}
[data-theme-control] svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
@media(max-width:450px){.appearance-bar{min-height:50px;padding-block:7px}[data-theme-control] [data-theme-value]{padding-inline:10px;font-size:11px;min-height:34px}}
@media(forced-colors:active){[data-theme-control]{border-color:CanvasText;background:Canvas}[data-theme-control] [data-theme-value]{color:ButtonText}[data-theme-control] [data-theme-value][aria-pressed="true"],[data-theme-control] [data-theme-value][aria-checked="true"]{outline:2px solid Highlight;background:Highlight;color:HighlightText}}

/* Shared surrounding layouts: legacy customer screens keep their existing flows. */
.login-appearance{display:flex;justify-content:center;margin-bottom:24px}.login-appearance [data-theme-control]{margin:0 auto}
.side .foot{flex-wrap:wrap}.side .foot [data-theme-control]{width:100%;max-width:100%;flex-wrap:wrap;flex-shrink:1}.side .foot [data-theme-control] [data-theme-value]{flex:1 0 auto}
.demotop .row,.utilbar .row{flex-wrap:wrap;height:auto}.demotop [data-theme-control],.utilbar [data-theme-control]{max-width:100%}
:root .review-banner{background:var(--theme-review-bg);color:var(--theme-review-ink)}:root .review-banner a{color:var(--theme-review-link)}
@media(max-width:450px){.demotop [data-theme-control]{margin-left:auto}.login-appearance{margin-bottom:20px}.side .foot [data-theme-control]{border-radius:15px}}

/* Phone invitation: server-rendered, no tracker, script or animation. */
.phone-demo.wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center;margin-block:32px 64px;padding:clamp(24px,4vw,56px);border:1px solid var(--theme-control-line);border-radius:24px;background:var(--theme-review-bg);color:var(--theme-review-ink);text-align:left}
.phone-demo .phone-demo-eyebrow{font:600 12px/1.5 'Instrument Sans',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin:0 0 18px;color:var(--theme-review-link)}
.phone-demo h2{font:400 clamp(28px,3.3vw,46px)/1.14 'Schibsted Grotesk',system-ui,sans-serif;letter-spacing:-.04em;max-width:17ch;margin:0 0 22px;color:inherit}
.phone-demo .phone-demo-intro{font:400 16px/1.65 'Instrument Sans',system-ui,sans-serif;margin:0;max-width:48ch;color:inherit}
.phone-demo .phone-demo-context{font:400 13px/1.65 'Instrument Sans',system-ui,sans-serif;margin:20px 0 0;color:inherit}
.phone-demo .phone-demo-button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:22px 24px;width:100%;box-sizing:border-box;border:1px solid var(--theme-control-selected);border-radius:14px;background:var(--theme-control-selected);color:var(--theme-control-selected-ink);text-decoration:none}
.phone-demo-button>span{font:500 14px/1.5 'Instrument Sans',system-ui,sans-serif}
.phone-demo-button strong{font:500 clamp(21px,2.3vw,30px)/1.3 'Instrument Sans',system-ui,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.phone-demo a.phone-demo-button:hover{text-decoration:underline;text-underline-offset:5px}
.phone-demo a:focus-visible{outline:3px solid var(--theme-control-focus);outline-offset:5px}
.phone-demo .phone-demo-cost,.phone-demo .phone-demo-review{font:400 12px/1.6 'Instrument Sans',system-ui,sans-serif;margin:14px 0 0;color:inherit}
.phone-demo .phone-demo-notice{display:inline-block;margin-top:15px;font:600 13px/1.6 'Instrument Sans',system-ui,sans-serif;color:var(--theme-review-link);text-underline-offset:4px}
.phone-demo .phone-demo-draft,.phone-demo .phone-demo-pending{font:500 12px/1.6 'Instrument Sans',system-ui,sans-serif;color:var(--theme-review-link);margin:0 0 12px}
.phone-demo .phone-demo-pending{margin:15px 0 0}
@media(max-width:800px){.phone-demo.wrap{grid-template-columns:1fr;gap:28px;margin-block:24px 44px}.phone-demo h2{max-width:23ch}.phone-demo .phone-demo-intro{max-width:none}}
@media(max-width:360px){.phone-demo.wrap{padding:21px 18px}.phone-demo .phone-demo-button{padding:18px 14px}.phone-demo-button strong{font-size:20px}}
@media(forced-colors:active){.phone-demo.wrap{background:Canvas;color:CanvasText;border-color:CanvasText}.phone-demo .phone-demo-button{background:ButtonFace;color:ButtonText;border-color:ButtonText}.phone-demo a:focus-visible{outline-color:Highlight}}