:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#eef3f8;background:#090d12;--gold:#e7b85b;--panel:#101720;--line:#263443;--muted:#9aa8b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,#172435,#090d12 42%);min-height:100vh}.shell{max-width:1180px;margin:auto;padding:20px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;position:sticky;top:0;z-index:20;padding:10px 0;background:linear-gradient(#0b1118ee,#0b1118cc)}.brand{font-weight:900;font-size:21px}.badge{display:inline-block;padding:7px 10px;border:1px solid #34475b;border-radius:999px;color:#b9ddff;font-size:12px;margin:3px 0}.hero{padding:42px 0 20px}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1;margin:0}.hero p,.muted{color:var(--muted)}.hero p{font-size:17px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 35px #0002}.metric{font-size:32px;font-weight:900}.main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;margin-top:14px}h2{margin:0 0 10px}h3{margin:20px 0 10px}label{display:block;font-size:13px;color:#aebaca;margin:13px 0 6px}input,textarea,button,select{width:100%;border-radius:11px;border:1px solid #314255;background:#0b1118;color:#eef3f8;padding:12px;font:inherit}textarea{min-height:96px;resize:vertical}button,.pricebtn{background:var(--gold);color:#111;font-weight:850;border:0;cursor:pointer;text-decoration:none;text-align:center}button{margin-top:14px}.small{width:auto;padding:9px 14px;margin:0}.pricing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.pricebtn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;border-radius:11px}.pricing .pricebtn:last-child{background:#172435;color:#eef3f8;border:1px solid #38506a}.result{margin-top:12px;padding:12px;border-radius:11px;background:#0b1118;white-space:pre-wrap;overflow-wrap:anywhere}.flow{display:grid;gap:9px}.step{padding:12px;border-radius:12px;background:#0b1118;border:1px solid #253545;overflow:hidden}.step p{margin:8px 0}.leadstatus{margin-top:8px;padding:9px}.chatcard{margin-top:14px}.chatmeta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chatlog{margin:14px 0;min-height:180px;max-height:360px;overflow:auto;background:#0b1118;border:1px solid #202c39;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:9px}.bubble{max-width:82%;padding:10px 12px;border-radius:13px;line-height:1.4}.bubble.ai{background:#172435;align-self:flex-start}.bubble.customer{background:var(--gold);color:#111;align-self:flex-end}.chatrow{display:grid;grid-template-columns:1fr auto;gap:9px}.chatrow .send{width:auto;margin:0;padding:12px 18px}.compact{padding:28px 0 14px}.compact h1{font-size:clamp(34px,5vw,52px)}code{font-size:12px;overflow-wrap:anywhere}.legal{font-size:12px;color:#8291a1;text-align:center;padding:22px}.legal a{color:#b9ddff}.widgetShell{max-width:820px}.widgetShell .card{margin-top:18px}@media(max-width:800px){.pricing{grid-template-columns:1fr 1fr}.main{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.chatmeta{grid-template-columns:1fr}}@media(max-width:520px){.shell{padding:12px}.top{padding:8px 0}.brand{font-size:18px}.hero.compact{padding:20px 0 12px}.hero p{font-size:15px}.grid{gap:8px}.card{padding:14px;border-radius:15px}.metric{font-size:27px}.pricing{grid-template-columns:1fr 1fr}.pricebtn{font-size:13px;min-height:44px}.main{display:block}.main>.card+.card{margin-top:10px}.chatrow{grid-template-columns:1fr}.chatrow .send{width:100%}.bubble{max-width:92%}input,textarea,button,select{font-size:16px}.step{padding:10px}}
/* SaaS product shell */
.landing{max-width:1120px}.brandlink{color:inherit;text-decoration:none}.ghostbtn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #38506a;color:#eef3f8;background:#14202c;text-decoration:none;border-radius:11px;padding:11px 16px;font-weight:750}.sales{padding:80px 0 55px;max-width:900px}.sales h1{font-size:clamp(44px,7vw,78px);letter-spacing:-.04em}.eyebrow{color:var(--gold);font-weight:900;font-size:12px;letter-spacing:.12em}.heroactions{display:flex;gap:10px;margin-top:25px}.heroactions>a{min-width:190px}.trust{font-size:13px!important}.featuregrid,.steps3,.plans,.twocol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.featuregrid{margin:20px 0 70px}.icon{font-size:28px}.how,.pricingsection{padding:35px 0 65px}.how>h2,.pricingsection>h2{font-size:clamp(28px,4vw,44px)}.plan{position:relative}.featured{border-color:#b98b37;box-shadow:0 0 0 1px #b98b3755,0 20px 60px #0004}.popular{position:absolute;right:14px;top:14px;font-size:10px;font-weight:900;color:var(--gold)}.bigprice{font-size:42px;font-weight:900;margin:12px 0}.bigprice span{font-size:14px;color:var(--muted)}.center{text-align:center}.appShell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:#0b1118;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:7px;margin:35px 0 auto}.navitem{padding:11px 12px;border-radius:10px;color:#aebaca;text-decoration:none;font-weight:700}.navitem:hover,.navitem.active{background:#172435;color:#fff}.tenant{font-size:12px;margin-top:4px}.sidebottom{display:grid;gap:10px}.workspace{padding:24px 30px;max-width:1300px;width:100%;overflow:hidden}.pagehead{padding:18px 0 24px}.pagehead h1{font-size:clamp(32px,5vw,50px);margin:6px 0}.notice{background:#332b18;border:1px solid #715c27;padding:14px;border-radius:13px;margin-bottom:14px}.notice a,.textlink{color:#f3c96d}.twocol{grid-template-columns:1.15fr .85fr;margin-top:14px}.score{float:right;font-size:11px;color:#b9ddff}.leadrow{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:15px;align-items:center}.leadrow .leadstatus{margin:0}.formcard{max-width:760px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.appplans{margin:20px 0}.portal{margin-top:16px}.mobilebar{display:none}
@media(max-width:900px){.appShell{display:block}.sidebar{display:none}.workspace{padding:14px}.mobilebar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:30;background:#0b1118ee;padding:10px 0 12px}.mobilebar select{width:auto;max-width:190px}.featuregrid,.steps3,.plans{grid-template-columns:1fr}.sales{padding:55px 0 35px}.twocol{grid-template-columns:1fr}.appplans{grid-template-columns:1fr}.leadrow{grid-template-columns:1fr}.leadrow .leadstatus{margin-top:6px}}
@media(max-width:560px){.heroactions{display:grid}.heroactions>a{width:100%}.sales h1{font-size:42px}.workspace{padding:12px}.pagehead{padding:14px 0 18px}.pagehead h1{font-size:34px}}
.linkbutton{background:transparent;color:#b9ddff;padding:9px 0;text-align:left;width:auto;margin:5px 0;border:0}.copyrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.copybtn{width:auto;margin:0;padding:8px 11px;font-size:12px}.copyrow code,.copyrow b{min-width:0;overflow-wrap:anywhere}@media(max-width:520px){.copyrow{grid-template-columns:1fr}.copybtn{width:100%}}.taskrow{display:flex;justify-content:space-between;align-items:center;gap:12px}.donebtn{width:auto;margin:0;padding:8px 11px;font-size:12px}@media(max-width:520px){.taskrow{align-items:stretch;flex-direction:column}.donebtn{width:100%}}.successbanner{margin:8px 0 16px;padding:14px 16px;border:1px solid #2d7756;background:#102b21;border-radius:13px;color:#c8f5df}
/* mijn.ai Business agent workforce */
.agentgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.agent{position:relative;min-height:190px}.agent.live{border-color:#2d7756}.agentstatus{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#9ee8c3;border:1px solid #2d7756;background:#102b21;border-radius:999px;padding:5px 8px;margin-bottom:14px}.agentstatus.soon{color:#d8c58f;border-color:#66552b;background:#282315}@media(max-width:900px){.agentgrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.agentgrid{grid-template-columns:1fr}}

.leadnext{margin-top:9px;font-size:12px;color:#b9ddff}.followbtn{width:auto;margin-top:9px;padding:8px 11px;font-size:12px;background:#172435;color:#eef3f8;border:1px solid #38506a}.followbtn:disabled{opacity:.6;cursor:wait}

.salesbtn{width:auto;margin:9px 0 0 8px;padding:8px 11px;font-size:12px;background:#e7b85b;color:#111}.salesresult{margin-top:10px;font-size:12px;color:#c7d3df;line-height:1.5}

.reviewbtn{width:auto;margin-top:9px;padding:8px 11px;font-size:12px;background:#172435;color:#eef3f8;border:1px solid #38506a}.reviewresult{margin-top:10px;font-size:12px;color:#c7d3df;line-height:1.5}

.marketingbtn{width:auto;margin-top:10px;padding:8px 11px;font-size:12px;background:#e7b85b;color:#111}.marketingresult{margin-top:12px;font-size:12px;line-height:1.55;color:#c7d3df}

.jarvisstep{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.jarvisstep:last-child{border-bottom:0}.jarvisstep p{margin:6px 0}.jarvisstep small{color:#8fa0b3}


/* Reception AI sales v2 */
.sales-v2{max-width:1180px}
.salesnav{position:sticky;top:0;z-index:20;background:rgba(11,15,20,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);padding:16px 0}
.navlinks{display:flex;gap:22px;align-items:center}
.navlinks a{color:var(--muted);text-decoration:none;font-weight:700;font-size:14px}
.navlinks a:hover{color:var(--text)}
.navactions{display:flex;gap:10px;align-items:center}
.hero-v2{padding:86px 0 56px;max-width:930px;margin:0 auto;text-align:center}
.hero-v2 h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.05em;max-width:980px;margin:18px auto}
.hero-copy{font-size:clamp(18px,2.1vw,23px);max-width:820px;margin:0 auto;color:var(--muted);line-height:1.55}
.goldtext{color:var(--gold)}
.proofbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:28px;color:#d7dde5;font-size:14px;font-weight:700}
.problem-grid,.steps4{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 74px}
.statcard{min-height:210px}
.stat{display:block;font-size:32px;color:var(--gold);font-weight:900;letter-spacing:-.04em;margin-bottom:18px}
.sectionhead{max-width:760px;margin:0 auto 28px;text-align:center}
.sectionhead h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;margin:10px 0}
.demo-section{padding:34px 0 80px;scroll-margin-top:90px}
.demo-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:stretch}
.demo-info{padding:24px}
.demo-info select{width:100%;margin:8px 0 22px}
.quicktitle{font-weight:900;margin:8px 0 10px}
.demoprompt{display:block;width:100%;text-align:left;margin:8px 0;background:#111923;border:1px solid #263342;border-radius:12px;padding:12px 14px;color:var(--text);cursor:pointer}
.demoprompt:hover{border-color:var(--gold)}
.demotip{margin-top:22px;padding:15px;border-radius:14px;background:rgba(197,161,90,.09);border:1px solid rgba(197,161,90,.23);font-size:14px;line-height:1.5}
.demo-chat-card{display:flex;flex-direction:column;min-height:520px;padding:0;overflow:hidden}
.chathead{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #23303d;background:#0f151c}
.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#4dd58a;margin-right:8px;box-shadow:0 0 0 4px rgba(77,213,138,.1)}
.chathead small{color:var(--muted)}
.demo-log{flex:1;max-height:420px;overflow:auto;padding:22px;background:linear-gradient(180deg,#0c1117,#101720)}
.demo-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-top:1px solid #23303d}
.demo-compose input{margin:0}
.demo-status{padding:0 18px 16px;min-height:21px;font-size:13px}
.steps4{grid-template-columns:repeat(4,1fr);margin-bottom:46px}
.stepno{display:inline-flex;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;background:rgba(197,161,90,.12);color:var(--gold);font-weight:900;margin-bottom:14px}
.salesfeatures{grid-template-columns:repeat(4,1fr);margin-bottom:80px}
.setup{font-size:13px;color:var(--muted);margin:18px 0}
.plancta{display:block;text-align:center;margin-top:18px}
.pilot-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center;padding:84px 0;scroll-margin-top:90px}
.pilot-copy h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;margin:12px 0}
.cleanlist{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}
.pilot-form{padding:26px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.formgrid .full{grid-column:1/-1}
.pilot-form textarea{min-height:110px;resize:vertical}
.submitpilot{width:100%;margin:14px 0}
.hpfield{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.faq-sales{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 0 70px}
.faq-sales summary{cursor:pointer;font-weight:900}
.faq-sales p{margin-bottom:0}
@media(max-width:900px){
  .navlinks{display:none}
  .problem-grid,.steps4,.salesfeatures,.faq-sales{grid-template-columns:1fr 1fr}
  .demo-grid,.pilot-section{grid-template-columns:1fr}
}
@media(max-width:640px){
  .salesnav{padding:12px 0}
  .navactions .ghostbtn{display:none}
  .hero-v2{padding:54px 0 38px}
  .hero-v2 h1{font-size:44px}
  .problem-grid,.steps4,.salesfeatures,.faq-sales{grid-template-columns:1fr}
  .formgrid{grid-template-columns:1fr}
  .demo-chat-card{min-height:470px}
  .proofbar{justify-content:flex-start}
}


/* Platform admin: Clients & Widgets */
.clientsummary{margin-bottom:18px}
.clienttoolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.clienttoolbar h2{margin:0 0 4px}
.clienttoolbar input{max-width:360px;margin:0}
.clientgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.clientcard{min-width:0}
.clienthead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.clienthead h2{margin:.15rem 0 .35rem;overflow-wrap:anywhere}
.clientstats{display:flex;flex-wrap:wrap;gap:8px 14px;margin:14px 0;color:var(--muted,#8f98a3);font-size:.9rem}
.clientstats span{padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:10px}
.clientactions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.clientactions .small{min-height:38px}
.clientpanel{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}
.clientformgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.clientform label{display:grid;gap:6px}
.clientchecks{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}
.clientleadlist{display:grid;gap:8px;margin-top:10px}
.clientlead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.clientlead p{margin:.25rem 0}
@media(max-width:900px){
  .clientgrid{grid-template-columns:1fr}
  .clienttoolbar{align-items:stretch;flex-direction:column}
  .clienttoolbar input{max-width:none}
}
@media(max-width:620px){
  .clientformgrid{grid-template-columns:1fr}
  .clienthead{flex-direction:column}
  .clientactions>*{flex:1 1 auto;text-align:center}
}


/* Password recovery box */
.recoverybox{
  margin-top:14px;
  padding:16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.recoverybox h3{margin:0 0 6px}
.recoverybox .opbuttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.recoverybox .opbuttons button{flex:1 1 160px}


/* Mobile hardening for public sales/demo */
body{overflow-x:hidden}
.sales-v2,.demo-grid>*{min-width:0}
@media(max-width:1100px){
  .demo-grid,.pilot-section{grid-template-columns:1fr}
  .problem-grid,.steps4,.salesfeatures,.faq-sales{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .problem-grid,.steps4,.salesfeatures,.faq-sales{grid-template-columns:1fr}
  .demo-info,.demo-chat-card{min-width:0}
  .sectionhead{padding-inline:4px}
}
@media(max-width:520px){
  .demo-compose{grid-template-columns:1fr}
  .demo-compose .send{width:100%}
}


/* Mobile hardening for public sales/demo page */
html,body{max-width:100%;overflow-x:hidden}
.sales-v2{width:100%;min-width:0}
.sales-v2 section,.sales-v2 article,.demo-grid>*{min-width:0}
.demo-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.sectionhead,.sectionhead *{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1100px){
  .demo-grid,.pilot-section{grid-template-columns:minmax(0,1fr)}
  .problem-grid,.steps4,.salesfeatures,.faq-sales{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .problem-grid,.steps4,.salesfeatures,.faq-sales{grid-template-columns:minmax(0,1fr)}
  .demo-section{padding:26px 0 54px}
  .demo-info{padding:18px}
  .demo-chat-card{min-height:430px}
  .demo-log{padding:16px;max-height:360px}
  .demo-compose{grid-template-columns:minmax(0,1fr);padding:14px}
  .demo-compose .send{width:100%;margin:0}
  .chathead{flex-wrap:wrap;padding:15px 16px}
  .hero-v2 h1{font-size:clamp(38px,11vw,48px)}
}

.outcomedialog{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px;background:#101720;color:#eef3f8}.outcomedialog::backdrop{background:rgba(2,6,12,.74)}.outcomedialog .sectionhead{text-align:left;margin:0 0 16px}.outcomedialog textarea{min-height:110px;resize:vertical}.lossreasonrow p{margin:.28rem 0}@media(max-width:560px){.outcomedialog{padding:16px;border-radius:15px}.outcomedialog .clientactions{display:grid;grid-template-columns:1fr}}

/* Guided tenant onboarding */
.onboardingprogress{overflow:hidden}
.progressbar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:14px 0 18px}
.progressbar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d7a84d,#f0c66d);transition:width .25s ease}
.onboardingsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.onboardingstep{display:block;padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;color:inherit;background:rgba(255,255,255,.025)}
.onboardingstep.done{border-color:rgba(66,190,130,.35);background:rgba(66,190,130,.07)}
.onboardingstep:hover{border-color:rgba(231,184,91,.45)}
@media(max-width:760px){.onboardingsteps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.onboardingsteps{grid-template-columns:1fr}}

.activationgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.activationgrid .onboardingstep small{display:block;margin-top:5px}
@media(max-width:760px){.activationgrid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.activationgrid{grid-template-columns:1fr}}

.clientfunnel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.clientfunnel .progressbar{flex:1 1 180px;margin:0;min-width:140px}

.conversiondraftbox{margin-top:10px}
.conversiondraftbox label{display:block;margin:10px 0 6px;font-size:12px;color:var(--muted,#9aa7b5)}
.conversiondrafttext{width:100%;min-height:220px;resize:vertical;white-space:pre-wrap}