/* ClearSite's page style for this server's own pages (sign-in, consent).
   Copied, not linked: clearsite-platform/ux/mockups/_landing.css (from the console's index.html)
   then ux/tokens/tokens.css (the console's tokens with the AA contrast fixes). Then form controls. */
/* The landing page's own stylesheet, copied verbatim from atlasos-app web/index.html @ cecca32. Don't edit; recopy. */
  :root{
    --paper:#f4f2ec; --surface:#ffffff; --surface2:#eceae2; --ink:#1a2230; --ink2:#55606f; --ink3:#8a93a0;
    --blueprint:#1f3a5f; --rule:#c7cdd6; --rule2:#aab2bd;
    --cyan:#0a7d8c; --cyanbg:#dceef0; --amber:#b06a00; --amberbg:#f7ead2; --hivis:#e8a200;
    --red:#c2362f; --redbg:#f7ddda; --green:#3c7d4e; --greenbg:#dcecdf; --purple:#5b53a8; --blue:#2c6bb0;
    --mono:'Spline Sans Mono',monospace; --sans:'Archivo',system-ui,sans-serif;
  }
  [data-theme="dark"]{
    --paper:#0e131a; --surface:#161d27; --surface2:#1d2630; --ink:#e6edf3; --ink2:#9fadbd; --ink3:#6b7787;
    --blueprint:#7fa8d4; --rule:#2a3542; --rule2:#3a4756;
    --cyan:#3fc8d6; --cyanbg:#103138; --amber:#e0a83d; --amberbg:#2e2410; --hivis:#e8a200;
    --red:#e5645f; --redbg:#2e1614; --green:#5cb878; --greenbg:#15291b; --purple:#9089e0; --blue:#5b9bd5;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;}

  /* ---- topbar (matches the app shell) ---- */
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:48px;border-bottom:2px solid var(--ink);background:var(--surface);}
  .brand{display:flex;align-items:center;gap:11px;}
  .brand .logo{width:26px;height:26px;background:var(--ink);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--hivis);font-size:15px;}
  .brand b{font-weight:700;letter-spacing:.06em;font-size:15px;text-transform:uppercase;}
  .brand .tag{color:var(--ink3);font-size:10px;font-family:var(--mono);border-left:1px solid var(--rule);padding-left:11px;}
  .barright{display:flex;align-items:center;gap:14px;}
  .barlink{font-size:10px;font-family:var(--mono);color:var(--ink3);text-decoration:none;letter-spacing:.04em;}
  .barlink:hover{color:var(--ink);}
  #themebtn{background:transparent;border:1px solid var(--rule);border-radius:6px;color:var(--ink2);width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;}
  #themebtn:hover{border-color:var(--ink2);color:var(--ink);}
  .rule-strip{height:6px;background-image:repeating-linear-gradient(90deg,var(--rule2) 0,var(--rule2) 1px,transparent 1px,transparent 12px);}

  /* ---- layout ---- */
  .wrap{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,40px) 40px;}
  .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);font-weight:500;margin:0 0 14px;display:flex;align-items:center;gap:9px;}
  .eyebrow::before{content:'';width:26px;height:2px;background:var(--hivis);}
  h1{font-size:clamp(28px,5vw,46px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px;font-weight:700;max-width:20ch;}
  .sub{font-size:clamp(14px,1.7vw,16px);color:var(--ink2);max-width:60ch;margin:0 0 34px;line-height:1.55;}

  /* ---- manual / building block ---- */
  .manual{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start;margin-bottom:38px;}
  .buildwrap{background:var(--surface);border:1px solid var(--rule);border-radius:9px;overflow:hidden;}
  .buildhead{display:flex;align-items:baseline;gap:12px;padding:15px 18px 13px;border-bottom:1px solid var(--rule);}
  .buildhead h2{font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin:0;}
  .buildhead .accent{width:34px;height:3px;background:var(--hivis);align-self:center;}
  .meta{padding:16px 18px 6px;}
  .metarow{display:flex;gap:16px;padding:7px 0;font-size:13px;}
  .metarow .mk{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--blueprint);font-weight:500;width:88px;flex-shrink:0;padding-top:2px;}
  .metarow .mv{font-weight:600;color:var(--ink);}
  .buildphoto{margin:8px 18px 18px;border:1px solid var(--rule2);border-radius:6px;overflow:hidden;background:var(--surface2);}
  .buildphoto img{display:block;width:100%;height:auto;}

  .sidecol{display:flex;flex-direction:column;gap:14px;}
  .infocard{background:var(--surface);border:1px solid var(--rule);border-radius:9px;padding:16px 16px 18px;}
  .infocard.brandcard{border-top:3px solid var(--hivis);text-align:center;}
  .infocard .clogo{width:40px;height:40px;background:var(--ink);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--hivis);font-size:22px;margin-bottom:10px;}
  .infocard .cname{font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase;}
  .infocard .cdom{font-family:var(--mono);font-size:11px;color:var(--ink3);margin-top:3px;}
  .infocard .ck{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);font-weight:500;}
  .infocard .cv{font-size:15px;font-weight:600;margin-top:4px;}
  .statline{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--green);font-family:var(--mono);margin-top:10px;justify-content:center;}
  .statline .dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.25;}}

  /* ---- entry cards ---- */
  .startlabel{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);font-weight:600;margin:0 0 13px;display:flex;align-items:center;gap:9px;}
  .startlabel::after{content:'';flex:1;height:1px;background:var(--rule);}
  .cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .card{background:var(--surface);border:1px solid var(--rule);border-radius:9px;padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:11px;border-left:3px solid var(--rule2);transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease;}
  .card:hover{border-color:var(--ink2);border-left-color:var(--hivis);transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,34,48,.10);}
  .card.primary{border-left-color:var(--hivis);}
  .card .ic{width:40px;height:40px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:21px;color:var(--blueprint);}
  .card.primary .ic{background:var(--ink);color:var(--hivis);}
  .card .ct{font-size:16px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;}
  .card .cd{font-size:12.5px;color:var(--ink2);line-height:1.5;}
  .card .go{margin-top:auto;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);font-weight:500;display:flex;align-items:center;gap:6px;}
  .card:hover .go{gap:10px;}

  /* ---- footer ---- */
  footer{border-top:1px solid var(--rule);background:var(--surface);padding:16px 18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--ink3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
  footer a{color:var(--ink3);text-decoration:none;}
  footer a:hover{color:var(--ink);}

  @media (max-width:820px){
    .manual{grid-template-columns:1fr;}
    .sidecol{flex-direction:row;flex-wrap:wrap;}
    .infocard{flex:1;min-width:180px;}
    .cards{grid-template-columns:1fr;}
  }

/* GENERATED by tokens/build_tokens.py from the Operations Control console. Don't edit by hand. */
:root{
  --paper:#f4f2ec;
  --surface:#ffffff;
  --surface2:#eceae2;
  --ink:#1a2230;
  --ink2:#55606f;
  --ink3:#616871;
  --blueprint:#1f3a5f;
  --rule:#c7cdd6;
  --rule2:#aab2bd;
  --cyan:#097380;
  --cyanbg:#dceef0;
  --amber:#975b00;
  --amberbg:#f7ead2;
  --hivis:#e8a200;
  --red:#b6322c;
  --redbg:#f7ddda;
  --green:#377347;
  --greenbg:#dcecdf;
  --purple:#5b53a8;
  --blue:#2c6bb0;
  --mono:'Spline Sans Mono',monospace;
  --sans:'Archivo',system-ui,sans-serif;
}
[data-theme="dark"]{
  --paper:#0e131a;
  --surface:#161d27;
  --surface2:#1d2630;
  --ink:#e6edf3;
  --ink2:#9fadbd;
  --ink3:#8792a2;
  --blueprint:#7fa8d4;
  --rule:#2a3542;
  --rule2:#3a4756;
  --cyan:#3fc8d6;
  --cyanbg:#103138;
  --amber:#e0a83d;
  --amberbg:#2e2410;
  --hivis:#e8a200;
  --red:#e5645f;
  --redbg:#2e1614;
  --green:#5cb878;
  --greenbg:#15291b;
  --purple:#9089e0;
  --blue:#5b9bd5;
}

/* form controls, in the console's vocabulary (the signed sign-in screen draws them as .call boxes) */
.field{display:grid;gap:4px;font-size:11px;color:var(--ink2);font-weight:600;letter-spacing:.02em;}
.field input{font-family:var(--sans);font-size:14px;padding:10px;border:1px solid var(--rule);border-radius:5px;background:var(--surface);color:var(--ink);}
.field input:focus,.btn:focus-visible,.barlink:focus-visible,button.link:focus-visible{outline:3px solid var(--hivis);outline-offset:2px;}
.btn{padding:10px 22px;background:var(--ink);border:1px solid var(--ink);border-radius:6px;color:var(--paper);font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;}
button.link{background:none;border:0;color:var(--ink2);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;}
.err{border:1px solid var(--red);background:var(--redbg);color:var(--red);border-radius:5px;padding:8px 10px;font-size:12.5px;}
.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px;}
.note{font-size:12px;color:var(--ink3);}

/* the front door's Try it: the console's call rows (tool trail) and brief card, as on the signed screen */
.code{font-family:var(--mono);font-size:.78em;color:var(--ink3);font-weight:400;margin-left:.4em;letter-spacing:0;text-transform:none;}
.signal{display:flex;gap:8px;flex-wrap:wrap;}
.sig{font-size:11px;font-family:var(--mono);padding:4px 10px;border:1px solid var(--rule);border-radius:4px;color:var(--ink2);background:var(--surface);cursor:pointer;}
.sig:hover,.sig:focus-visible{border-color:var(--ink2);color:var(--ink);outline:none;}
.trail{display:grid;gap:5px;align-content:start;}
.call{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:11.5px;font-family:var(--mono);padding:7px 9px;border:1px solid var(--rule);border-radius:5px;background:var(--surface);color:var(--ink);}
.call i{font-size:13px;color:var(--ink3);} .call.ok i{color:var(--green);} .call.bad i{color:var(--red);}
.call .ms{color:var(--ink3);font-size:10.5px;} .call .lbl{display:block;font-family:var(--sans);font-size:12.5px;font-weight:600;}
.call .svc{display:block;font-size:10px;color:var(--ink3);margin-top:1px;} .call .svc .code{margin-left:.6em;}
.spin{animation:spin 1s linear infinite;display:inline-block;} @keyframes spin{to{transform:rotate(360deg)}}
.ask{display:flex;gap:8px;} .ask input{flex:1;min-width:0;font-family:var(--sans);font-size:14px;padding:11px 12px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink);}
.ask input:focus{outline:3px solid var(--hivis);outline-offset:1px;}
.tryout{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
.answer{font-size:14px;line-height:1.55;color:var(--ink);margin:0;}
.brief{border:1px solid var(--ink);border-left:3px solid var(--hivis);border-radius:7px;padding:12px 14px;background:var(--surface);display:grid;gap:7px;color:var(--ink);}
.brief .bk{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:flex;justify-content:space-between;}
.brief .bv{font-size:18px;font-weight:700;font-family:var(--mono);}
.brief .bs{font-size:12px;color:var(--ink2);}
.brief .bl{font-size:12.5px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
.brief .bl .src{font-family:var(--mono);font-size:10.5px;color:var(--ink3);white-space:nowrap;}
.brief .bh{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-top:4px;}
.partial{font-size:10px;font-family:var(--mono);padding:1px 6px;border-radius:3px;background:var(--amberbg);color:var(--amber);}
.verdict-go{color:var(--green);} .verdict-hold,.verdict-go_with_conditions{color:var(--amber);} .verdict-no_go{color:var(--red);}
.steps{margin:8px 0 0;padding-left:20px;display:grid;gap:6px;font-size:14px;color:var(--ink2);}
.steps code{font-family:var(--mono);font-size:12.5px;color:var(--ink);}
.howgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.empty{font-size:12px;color:var(--ink3);font-family:var(--mono);padding:8px 0;}
@media (max-width:820px){.tryout,.howgrid{grid-template-columns:1fr;}}
[hidden]{display:none !important;}   /* a component's own display never shows what the page hid */