/* Shared saved light and dark themes for every Syllo website page. */
html:has(body[data-theme="light"]){color-scheme:light}
html:has(body[data-theme="dark"]){color-scheme:dark}
body[data-theme="dark"]{
  color-scheme:dark;
  --ink:#edf3f5;--canvas:#101820;--edge:#34444d;--secondary:#a8b7bd;
  --pine:#c2d3b9;--sage:#1d2b24;--glass:#17232a;--line:#394951;--paper:#1b2830;
  --slate:#c0ccd1;--prose:#d2dce0;--muted:#9eacb2;--green:#55c579;--green-d:#288d50;
  --forest:#284531;--lime-a:#c9f63a;--lime-b:#93d832;
  --mint:#25392d;--mint-ink:#b9e8a7;--lav:#2d2a41;--lav-ink:#d1c6ff;
  --peach:#432f25;--peach-ink:#ffc29a;--sky:#213747;--sky-ink:#a9d7ff;
}
body[data-theme="dark"]:not([data-page="home"]):not([data-page="pricing"]):not([data-page="dashboard"]):not([data-page="account"]):not(.surface){background:linear-gradient(180deg,#0c1c2b 0,#122739 300px,#101820 620px) no-repeat,#101820;color:#edf3f5}

.legal-header{position:fixed;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px;padding:0 20px;pointer-events:none}
.legal-header .notch{position:relative;left:auto;right:auto;grid-column:2;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none;pointer-events:auto}
.legal-header .notch::-webkit-scrollbar{display:none}
.legal-header .acts{grid-column:3;justify-self:end;flex:none;pointer-events:auto}
.legal-header .home-theme-toggle{position:static;flex:none}
.legal-header .ret{display:block}
@media (max-width:1360px){.legal-header{display:flex}body:has(> .legal-header) .top{padding-top:calc(74px + env(safe-area-inset-top,0px))}}
@media (max-width:560px){.legal-header{gap:16px;padding:0 12px}.legal-header .acts{gap:8px}.legal-header .acts a{font-size:12px}.legal-header .get{padding:9px 10px}}


body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]){background:linear-gradient(180deg,#111e27 0%,#172832 54%,#1a2b2d 100%) fixed;color:#edf3f5}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]){--ink:#edf3f5;--slate:#c0ccd1;--prose:#d0dade;--muted:#9eacb2;--line:#394951;--paper:#1b2830;--green:#55c579;--green-d:#288d50;--forest:#284531}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .dots{opacity:.28}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .hills{opacity:.2}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .card,
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .panel,
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .mini,
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .checks{background:#1a2830;border-color:#34464f;color:#edf3f5;box-shadow:0 22px 42px -30px #0009}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .band{background:#382c27;border-color:#57443a;color:#f5d8c2}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .band h2{color:#f5d8c2}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .f input,
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .f select,
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .f textarea{background-color:#111c23;color:#edf3f5;border-color:#46575f}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) .f select{background-image:none}
body[data-theme="dark"]:is([data-page="support"],[data-page="help-center"],[data-page="early-access"],[data-page="download"]) code{background:#263630;color:#e7f0e4}
body[data-theme="dark"][data-page="download"] .ico{background:#26343a;color:#e6eef0}

body.auth-page[data-theme="dark"]{--auth-ink:#edf3f5;--auth-slate:#c1cdd2;--auth-muted:#a3b0b6;--auth-line:#394951;--auth-paper:#1b2830;--auth-green:#36ad62;--auth-green-dark:#238448;--auth-peach:#432f25;--auth-peach-ink:#ffc29a;--auth-lav:#2d2a41;--auth-lav-ink:#d1c6ff;--verify-mint:#25392d;--verify-mint-ink:#b9e8a7;background:linear-gradient(180deg,#111e27 0%,#172832 58%,#1a2b2d 100%);color:#edf3f5}
body.auth-page[data-theme="dark"] .auth-hills{opacity:.18}
body.auth-page[data-theme="dark"] .auth-dots{opacity:.28}
body.auth-page[data-theme="dark"] .auth-switch{background:#1b2830;color:#edf3f5;box-shadow:0 10px 30px -12px #0009}
body.auth-page[data-theme="dark"] .auth-card,body.auth-page[data-theme="dark"] .verify-sent-card{background:rgba(25,38,46,.97);border-color:#46565d;color:#edf3f5;box-shadow:0 30px 60px -28px #0009}
body.auth-page[data-theme="dark"] .verify-sent-steps{background:#111c23;border-color:#394951}
body.auth-page[data-theme="dark"] .auth-control input{background:#101b22;color:#edf3f5;border-color:#46565d}
body.auth-page[data-theme="dark"] .auth-status{background:#23382b;border-color:#3e5945;color:#d9eadc}
body.auth-page[data-theme="dark"] .verify-sent-note a{color:#c6d8df}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface){background:#101820;color:#edf3f5}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .site-header{background:#141f26;border-color:#33434b}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-hero{background:#1a2830;border-color:#394951;color:#edf3f5}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-hero p,
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-capture-note p{color:#aebdc2}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-container{color:#edf3f5}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-capture-note{border-color:#394951}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-form,
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-capture-note{background:#1a2830;border-color:#394951;color:#edf3f5}
body[data-page="account"][data-theme="dark"]:not(.auth-page):not(.surface) .launch-form input{background:#101b22;color:#edf3f5;border-color:#46565d}

body.dashboard-reference[data-theme="dark"]{--dash-ink:#edf3f5;--dash-slate:#c1cdd2;--dash-muted:#a3b0b6;--dash-line:#394951;--dash-paper:#1b2830;--dash-forest:#223d2d;--dash-mint:#25392d;--dash-lav:#2d2a41;--dash-peach:#432f25;--dash-peach-ink:#ffc29a;background:linear-gradient(180deg,#111e27 0%,#172832 58%,#1a2b2d 100%);color:#edf3f5}
body.dashboard-reference[data-theme="dark"] .dash-hills{opacity:.18}
body.dashboard-reference[data-theme="dark"] .dash-dots{opacity:.28}
body.dashboard-reference[data-theme="dark"] .dash-card,
body.dashboard-reference[data-theme="dark"] .dash-loading,
body.dashboard-reference[data-theme="dark"] .dash-status,
body.dashboard-reference[data-theme="dark"] .dash-panel{background:rgba(25,38,46,.96);border-color:#3c4d55;color:#edf3f5;box-shadow:0 26px 52px -34px #000a}
body.dashboard-reference[data-theme="dark"] .dash-product{border-color:#3c4d55}
body.dashboard-reference[data-theme="dark"] .dash-product-syllo{background:#25392d}
body.dashboard-reference[data-theme="dark"] .dash-product-vela{background:#2d2a41}
body.dashboard-reference[data-theme="dark"] .dash-product-veil{background:#432f25}
body.dashboard-reference[data-theme="dark"] .prod.a,body.dashboard-reference[data-theme="dark"] .pcard.a{background:#25392d}
body.dashboard-reference[data-theme="dark"] .prod.b,body.dashboard-reference[data-theme="dark"] .pcard.b{background:#2d2a41}
body.dashboard-reference[data-theme="dark"] .prod.c,body.dashboard-reference[data-theme="dark"] .pcard.c{background:#432f25}
body.dashboard-reference[data-theme="dark"] .plan.mo{background:#1a2830}
body.dashboard-reference[data-theme="dark"] .plan.yr{background:#334b2a}
body.dashboard-reference[data-theme="dark"] .plan.yr .in{background:#1a2830}
body.dashboard-reference[data-theme="dark"] .dash-links a{border-color:#394951}
body.dashboard-reference[data-theme="dark"] .dash-notice{background:#382c27;color:#f5d8c2}
body.dashboard-reference[data-theme="dark"] .dash-notice p{color:#f5d8c2}
body.dashboard-reference[data-theme="dark"] .dash-loading,body.dashboard-reference[data-theme="dark"] .dash-status{color:#c1cdd2}

body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference){background:#101820;color:#edf3f5}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal{background:#101820}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-main{background:#141f26;color:#edf3f5;box-shadow:inset 1px 0 #33434b}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-topbar{border-color:#34444d;color:#b1bec3}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-section,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-metrics>div,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-product{background:#1b2830;border-color:#394951;color:#edf3f5}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-product.is-enabled{background:#24382c;border-color:#45604b}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-role,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-product-status{background:#293a33;border-color:#42594a;color:#d5e2d7}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-loading,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-notice{background:#23352a;border-color:#415a46;color:#d8e6d8}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-head p,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-caption,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-number,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-section-head>p,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-help,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-footnote,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-product p,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .portal-product-type,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-profile dt,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-metrics span{color:#aab8bd}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-profile dd,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-list,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-list-row b{color:#e0e8ea}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-list-row,
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-release{border-color:#394951}
body[data-page="dashboard"][data-theme="dark"]:not(.dashboard-reference) .ac-release-form input{background:#101b22;color:#edf3f5;border-color:#46565d}

body[data-page="home"][data-theme="dark"] .hero-copy h1{color:#d5e2e7}
body[data-page="home"][data-theme="dark"] .hero-line+.hero-line{color:#edf3f5}
body[data-page="home"][data-theme="dark"] .hero-copy>p{color:#bac9ce}
body[data-page="home"][data-theme="dark"] .section-title,body[data-page="home"][data-theme="dark"] .bottom-prompt h2{color:#edf3f5}
body[data-theme="dark"] :focus-visible{outline-color:#98c5ff}

/* Theme switch: one control, pinned to the top-right corner of every page.
   Header actions that used to sit in that corner leave room for it. */
.home-theme-toggle.site-theme-corner{position:fixed;z-index:95;top:calc(12px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));margin:0}
html.has-theme-corner{--theme-corner-room:108px}
html.has-theme-corner .site-account-link{right:var(--theme-corner-room)}
html.has-theme-corner .legal-header{padding-right:var(--theme-corner-room)}
@media(max-width:540px){
  .home-theme-toggle.site-theme-corner{top:calc(8px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px))}
  html.has-theme-corner{--theme-corner-room:84px}
}
/* Sticky site header (confirm, verify, checkout): keep its actions out of the corner. */
html.has-theme-corner .site-header .header-actions{margin-right:max(0px,calc(var(--theme-corner-room) - (100vw - min(1120px,100vw - 56px))/2))}
@media(max-width:540px){html.has-theme-corner .site-header .header-row{gap:6px}html.has-theme-corner .site-header .header-actions{gap:6px;margin-right:calc(var(--theme-corner-room) - 16px)}}
/* Verification-sent bar: centred 1100px row with 20px padding. */
html.has-theme-corner .verify-sent-bar{padding-right:max(20px,calc(var(--theme-corner-room) - max(0px,(100vw - 1100px)/2)))}
/* Dashboard: once the window is too narrow for logo, notch and actions on one
   line, the top bar drops below the notch, and the notch stays clear of the corner. */
@media(max-width:1200px){html.has-theme-corner .dash-top{padding-top:calc(76px + env(safe-area-inset-top,0px))}}
@media(max-width:820px){html.has-theme-corner .dash-notch{right:var(--theme-corner-room);max-width:calc(100% - var(--theme-corner-room) - 8px);overflow-x:auto;scrollbar-width:none}html.has-theme-corner .dash-notch::-webkit-scrollbar{display:none}}
/* Let the notch keep its curved ears whenever it fits without scrolling. */
@media(min-width:1100px){.legal-header .notch{overflow:visible}}
/* Phones: "Get Syllo" becomes its download icon so the notch keeps room. */
@media(max-width:560px){.legal-header .acts .get{gap:0;padding:9px;font-size:0}.legal-header .acts .get svg{width:18px;height:18px}}
/* The fixed header actions float over scrolling content, so give them a frosted pill. */
.legal-header .acts{padding:4px 4px 4px 14px;border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 10px 26px -18px rgba(18,70,50,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
body[data-theme="dark"] .legal-header .acts{background:rgba(20,32,39,.82);box-shadow:0 10px 26px -18px #000}
@media(max-width:560px){.legal-header .acts{padding:3px 3px 3px 10px;border-radius:14px}}

/* ==== Dark theme for every page except Home and Pricing ====
   One night palette shared with surface.css: page #101820 (the footer colour, so
   there is no seam), cards #16232a, lines #2f4048, text #edf3f5 / #c0ccd1 / #9dabb2. */

/* Night sky that fades into the footer instead of a fixed teal gradient. */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]):not(.surface){background:linear-gradient(180deg,#0c1c2b 0,#122739 300px,#101820 620px) no-repeat,#101820;color:#edf3f5}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dots,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .auth-dots,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-dots{opacity:.22}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .hills,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .auth-hills,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-hills{opacity:1;filter:brightness(.28) saturate(.8)}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .auth-cloud{opacity:.05}

/* The notch stays true black with a faint rim so it reads against the night sky. */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .notch,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-notch{background:#000;filter:drop-shadow(0 1px 0 rgba(255,255,255,.13)) drop-shadow(0 14px 22px rgba(0,0,0,.6))}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .notch::before,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-notch::before{background:radial-gradient(circle at 0 100%,transparent 22px,#000 22.5px)}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .notch::after,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-notch::after{background:radial-gradient(circle at 100% 100%,transparent 22px,#000 22.5px)}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .notch a:not([aria-current]),html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-notch a:not([aria-current]){color:rgba(255,255,255,.72)}

/* Brand mark: the dark green S disappears on navy, so lighten it. */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .mark,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-mark,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .auth-mark,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .verify-sent-mark{color:#b9e8a7}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .site-header .brand img{filter:brightness(0) invert(1)}

/* Cards and panels */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .card,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .mini,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .panel,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-card,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-loading,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-status,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .checkout-card{background:rgba(22,35,42,.94);border-color:#2f4048;color:#edf3f5;box-shadow:0 26px 50px -34px rgba(0,0,0,.85)}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-status.is-error{background:#3a241e;border-color:#5e3a30;color:#ffc9b8}

/* Notices */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .band,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .notice,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-notice{background:#30241e;border-color:#54402f;color:#f3d6c0}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .band h2,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .band p,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .band .hint,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .notice p,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-notice p,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-notice h2{color:#f3d6c0}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .band>svg{color:#ffb17a}

/* Chips, tags and states */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .tag,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-tag,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .state,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .arch,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .ico,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .portal-role,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-product .ac-product-status{background:#22333b;border-color:#34464f;color:#d3dee2}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .state::before{background:#71838b}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .tag.live,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .dash-product.is-enabled .ac-product-status{background:#25392d;color:#b9e8a7}

/* Forms */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f input,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f select,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f textarea{background-color:#0f1a20;border-color:#3a4c55;color:#edf3f5}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f input:hover,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f select:hover,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f textarea:hover{border-color:#506570}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0ccd1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f .chk input{border-color:#506570}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f ::placeholder{color:#7d8f97}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) code{background:#22333b;color:#e7f0e4}

/* Download */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .screen{background:linear-gradient(165deg,#163049 0%,#1f3d55 60%,#2b4a36 100%)}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .os .wm{color:#fff;opacity:.05}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .btn[disabled]{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.18);color:#9dabb2}

/* Links that were tuned for a light sky */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .auth-home,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .verify-sent-site,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .identity-back{color:#a9c9da}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .auth-link{color:#c8d6db}

/* Older sticky header (checkout) */
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .site-header{background:rgba(16,24,32,.9);border-color:#26363e}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .header-signin{color:#c0ccd1}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .button-primary,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .nav-download{background:#2c5039;border-color:#2c5039;color:#fff}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .button-primary:hover:not(:disabled),html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .nav-download:hover{background:#355e44}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .checkout-badge{background:linear-gradient(180deg,#c9f63a,#93e12c);color:#1c3a10}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .checkout-toggle button[aria-checked="true"]{border-color:#6fbf83;box-shadow:0 0 0 3px rgba(111,191,131,.18)}

/* Pages with a footer: keep fixed scenery (hills) behind it. */
body:not([data-page="home"],[data-page="pricing"])>.site-footer{position:relative;z-index:3}
html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .profile-security-form label,html body[data-theme="dark"]:not([data-page="home"],[data-page="pricing"]) .f label{color:#c0ccd1}
/* Let the sky run behind the footer on surface pages so short pages have no seam. */
html body.surface>.site-footer{background:transparent}
/* Sign-in style pages pad the body; keep the footer full width. */
html body.auth-page:has(> .site-footer)>.site-footer{align-self:stretch;justify-self:stretch;width:calc(100% + 32px);max-width:none;margin-inline:-16px}
