/* BITORA agents, direction Night: the public landing only. Legal pages and the admin keep style.css (Day). */
:root{--n0:#0a0a0a;--n1:#121212;--n2:#1a1a1f;--line:#26262c;--ink:#f0f0f0;--muted:#a3a3a8;--steel:#90b0d0;--steel-b:#a6c7e7;--ok:#5dd089;--warn:#e8a05a;--danger:#f0a39b;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--n0);color:var(--ink);font:17px/26px var(--sans)}
a{color:var(--steel)}a:hover{color:var(--steel-b)}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
h1,h2,h3{margin:0;font-weight:300;letter-spacing:-.01em}
h1{font-size:clamp(34px,5vw,64px);line-height:1.06;letter-spacing:-.015em}
h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin-top:12px}
h3{font-size:20px;line-height:26px;font-weight:400}
p{margin:0}
.muted{color:var(--muted)}.small{font-size:14px;line-height:21px}
.label{display:block;font-size:12px;line-height:16px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--steel)}
.accent{color:var(--steel)}
.mono{font-family:var(--mono);font-size:13px;color:var(--steel)}

header.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
header.top .logo{text-decoration:none;color:var(--ink);font-size:18px;font-weight:500;letter-spacing:.02em;white-space:nowrap}header.top .logo i{font-style:normal;color:var(--steel)}
header.top nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
header.top nav a{text-decoration:none;color:var(--muted);font-size:12px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}header.top nav a:hover{color:var(--ink)}

.btn{display:inline-block;text-decoration:none;cursor:pointer;border:1px solid var(--muted);background:transparent;color:var(--ink);padding:14px 32px;font:500 12px/16px var(--sans);letter-spacing:.16em;text-transform:uppercase;border-radius:0;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--steel);border-color:var(--steel);color:var(--n0)}
.btn.p{background:var(--steel);border-color:var(--steel);color:var(--n0)}.btn.p:hover{background:var(--steel-b);border-color:var(--steel-b)}
.btn.s{padding:10px 18px;font-size:12px;letter-spacing:.14em}
header.top nav a.btn{color:var(--ink);padding:11px 24px}header.top nav a.btn:hover{color:var(--n0)}

section{padding:88px 0 0}
.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:center;padding:72px 0 56px;min-height:calc(100vh - 66px)}
.hero .copy{grid-column:span 7;display:flex;flex-direction:column;gap:28px}
.hero .lead{font-size:19px;line-height:29px;color:var(--muted);max-width:580px}
.actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hero .demo{grid-column:span 5;display:flex;flex-direction:column;gap:12px}

.chat{background:var(--n1);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:12px;border-radius:6px}
.chat .head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.chat .msg{max-width:88%;padding:10px 14px;font-size:15px;line-height:22px;border:1px solid var(--line);background:var(--n0);border-radius:4px}
.chat .msg.in{align-self:flex-start}.chat .msg.out{align-self:flex-end;background:var(--n2)}
.chat .msg b{display:block;font-weight:400;font-size:12px;color:var(--muted)}.chat .msg.out b{color:var(--steel)}
.chat .draft{border:1px solid var(--line);padding:12px 14px;font-size:14px;line-height:21px;background:var(--n0);border-radius:4px}
.chat .row{display:flex;gap:10px;flex-wrap:wrap}
.cap{text-align:center;font-size:13px;line-height:19px;color:var(--muted)}

.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.sec-head p{max-width:440px;color:var(--muted);font-size:16px;line-height:24px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--n1);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:14px;border-radius:6px;min-width:0}
.card.line{background:transparent;padding:28px}
.card p,.card li{color:var(--muted);font-size:15px;line-height:23px}
.card ul{margin:0;padding-left:16px}.card li{margin:2px 0}
.card .tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.card .who{margin-top:auto;font-size:13px;line-height:19px;color:var(--steel)}
.card h3.q{font-size:22px;line-height:28px}

.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--line);padding-top:32px;margin-top:40px}
.facts div{display:flex;flex-direction:column;gap:6px}.facts b{font-size:28px;line-height:34px;font-weight:300}.facts span{font-size:14px;line-height:21px;color:var(--muted)}

.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:start}
.split .side{grid-column:span 5;display:flex;flex-direction:column;gap:16px}.split .side p{color:var(--muted);font-size:16px;line-height:24px}
.split .main{grid-column:span 7;min-width:0}
.rows{display:flex;flex-direction:column}
.rows .r{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--line)}.rows .r:last-child{border-bottom:1px solid var(--line)}
.rows .r b{font-size:18px;line-height:26px;font-weight:400}.rows .r p{color:var(--muted);font-size:15px;line-height:23px}
.faq .r{display:block;padding:22px 0}.faq .r b{display:block}.faq .r p{margin-top:6px}

.price{font-size:32px;line-height:38px;font-weight:300}.price small{font-size:14px;color:var(--muted)}

form.signup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
form.signup .two{display:contents}
form.signup .full,form.signup .check,form.signup #msg,form.signup .submit{grid-column:span 2}
label{display:block;font-size:11px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
input,select,textarea{width:100%;font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--line);border-radius:0;background:var(--n0);color:var(--ink)}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
textarea{min-height:96px}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--steel-b);outline-offset:1px}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:21px;color:var(--muted);text-transform:none;letter-spacing:0;margin:0}
.check input{width:auto;margin-top:4px;accent-color:var(--steel)}
.ok{color:var(--ok)}.err{border:1px solid var(--line);color:var(--danger);background:var(--n1);padding:10px 14px;font-size:14px;line-height:21px}
.hidden{display:none}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

footer{border-top:1px solid var(--line);padding:32px 0 48px;margin-top:96px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;font-size:12px;line-height:18px;color:var(--muted);letter-spacing:.04em}
footer .links{display:flex;flex-wrap:wrap;gap:8px 16px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--ink)}

@media (max-width:980px){.hero,.split{grid-template-columns:minmax(0,1fr);gap:32px}.hero{min-height:0;padding:48px 0 40px}.hero .copy,.hero .demo,.split .side,.split .main{grid-column:auto}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:1fr}.facts{grid-template-columns:1fr;gap:24px}}
@media (max-width:640px){section{padding:64px 0 0}header.top nav a:not(.btn){display:none}.grid.four,.grid.three,.grid{grid-template-columns:minmax(0,1fr)}.rows .r{grid-template-columns:minmax(0,1fr);gap:8px}form.signup{grid-template-columns:minmax(0,1fr)}form.signup .full,form.signup .check,form.signup #msg,form.signup .submit{grid-column:span 1}.chat .msg{max-width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* the hero's daily report */
.report table{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}.report td{padding:7px 0;border-bottom:1px solid var(--line);color:var(--muted)}.report td+td{text-align:right;font-family:var(--mono);color:var(--ink);width:48px}.report tr:last-child td{border-bottom:0}
.report .msg.out{align-self:stretch;max-width:none}
/* mobile */
.sticky-cta{display:none}
.check>input{flex:none}.check>span{flex:1 1 auto}
@media (max-width:640px){
  body{font-size:16px;line-height:25px}
  h1{font-size:36px;line-height:40px}h2{font-size:26px;line-height:31px;margin-top:10px}
  header.top{padding:16px 0}header.top nav a.btn{padding:10px 16px}
  .hero{padding:36px 0 32px;gap:28px}.hero .copy{gap:20px}.hero .lead{font-size:17px;line-height:26px}
  .actions{flex-direction:column;align-items:stretch}.actions .btn{text-align:center;padding:15px 20px}
  section{padding:56px 0 0}.sec-head{margin-bottom:24px;gap:12px}.sec-head p{font-size:15px;line-height:23px}
  .scroller{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .scroller::-webkit-scrollbar{display:none}.scroller>*{flex:0 0 82vw;max-width:320px;scroll-snap-align:start}
  .scroller+.facts{margin-top:20px}.facts{padding-top:24px;gap:18px}.facts b{font-size:22px;line-height:28px}
  .card{padding:20px;gap:10px}.card.line{padding:20px}.card h3.q{font-size:20px;line-height:26px}
  .split{gap:24px}.rows .r{padding:16px 0;gap:4px}.rows .r b{font-size:17px;line-height:24px}.faq .r{padding:16px 0}
  .price{font-size:28px;line-height:34px}
  .report td{font-size:13px;line-height:18px;padding:6px 0}.chat{padding:16px}
  .btn{padding:14px 22px}
  footer{margin-top:64px;padding-bottom:96px}
  .sticky-cta{display:block;position:fixed;left:16px;right:16px;bottom:12px;z-index:5;text-align:center;background:var(--steel);color:var(--n0);text-decoration:none;padding:15px 20px;font:500 12px/16px var(--sans);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 0 6px rgba(10,10,10,.85)}
  #inscriere{scroll-margin-top:12px}
  .submit .btn{width:100%}.sticky-cta.off{display:none}
}
header.top nav a.lang{border:1px solid var(--line);padding:6px 10px;color:var(--ink)}footer .links span{color:var(--muted);opacity:.8}
@media (max-width:640px){header.top nav a.lang{display:inline-block}header.top nav a.btn{display:none}header.top nav{flex-wrap:nowrap}}
/* secondary pages on the Night register: legal documents, the request status page, short notices */
.page main.doc{max-width:780px;padding:48px 0 0;display:flex;flex-direction:column;gap:12px}
.page main.doc h1{font-size:clamp(30px,3.6vw,44px);line-height:1.1;margin:0 0 8px}
.page main.doc h2{font-size:24px;line-height:30px;font-weight:400;margin:28px 0 4px}
.page main.doc h3{font-size:18px;line-height:26px;margin:16px 0 0}
.page main.doc p,.page main.doc li{font-size:16px;line-height:25px;color:var(--ink)}
.page main.doc ul,.page main.doc ol:not(.steps){padding-left:22px;margin:4px 0}.page main.doc li{margin:4px 0}
.page main.doc a{text-decoration:underline;text-underline-offset:3px}
.page main.doc table{width:100%;border-collapse:collapse;font-size:15px;line-height:22px;margin:8px 0 16px}
.page main.doc th,.page main.doc td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.page main.doc th{color:var(--muted);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.page main.doc code{font-family:var(--mono);font-size:14px;background:var(--n2);padding:1px 5px}
.page main.doc hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.page .mut{color:var(--muted)}.page .warn{color:var(--warn)}
.draft{border:1px solid var(--line);border-left:3px solid var(--warn);background:var(--n1);color:var(--muted);padding:14px 16px;font-size:14px;line-height:21px;margin:8px 0 16px}.draft b,.draft strong{color:var(--warn)}
.page .card{margin:8px 0}.page .head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.page .row-gap{display:flex;gap:10px;flex-wrap:wrap}
.pill{display:inline-block;font-size:12px;line-height:18px;letter-spacing:.08em;text-transform:uppercase;padding:2px 10px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.brand{color:var(--steel);border-color:var(--steel)}.pill.danger{color:var(--danger);border-color:var(--danger)}
.bar{height:4px;background:var(--n2);overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--steel)}
ol.steps{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column}
ol.steps li{position:relative;padding:14px 0 14px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:16px;line-height:24px}ol.steps li:last-child{border-bottom:1px solid var(--line)}
ol.steps li::before{content:"";position:absolute;left:4px;top:20px;width:10px;height:10px;border-radius:50%;border:1px solid var(--muted)}
ol.steps li.done{color:var(--ink)}ol.steps li.done::before{background:var(--ok);border-color:var(--ok)}
ol.steps li.current{color:var(--ink)}ol.steps li.current::before{border-color:var(--steel);box-shadow:0 0 0 3px rgba(144,176,208,.25)}
#prov-steps{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:4px}#prov-steps li{color:var(--muted);font-size:14px;line-height:21px}#prov-steps li.ok{color:var(--ink)}#prov-steps li.now{color:var(--steel)}#prov-steps li.warn{color:var(--warn)}#prov-bar{width:0}
.page .check{margin:8px 0}
