/* Research, WhatsApp and results share the same operational workspace language. */
body:has(#research:not([hidden])),
body:has(#whatsapp:not([hidden])),
body:has(#results:not([hidden])){
  height:auto!important;
  min-height:100svh;
  overflow:auto!important;
  background:radial-gradient(ellipse at 72% 0,#10253e 0,transparent 55%),#050d19!important;
}
body:has(#research:not([hidden])):before,
body:has(#whatsapp:not([hidden])):before,
body:has(#results:not([hidden])):before{display:none!important}
body:has(#research:not([hidden])) header,
body:has(#whatsapp:not([hidden])) header,
body:has(#results:not([hidden])) header{
  width:100%;max-width:1464px!important;height:78px!important;padding:18px 32px!important;
  border-bottom:1px solid #9abcdb12!important;
}
body:has(#research:not([hidden])) header .brand img,
body:has(#whatsapp:not([hidden])) header .brand img,
body:has(#results:not([hidden])) header .brand img{width:142px}
body:has(#research:not([hidden])) main,
body:has(#whatsapp:not([hidden])) main,
body:has(#results:not([hidden])) main{
  display:block!important;width:100%!important;max-width:1464px!important;height:auto!important;
  padding:12px 32px 44px!important;
}
body:has(#research:not([hidden])) .presence,
body:has(#whatsapp:not([hidden])) .presence,
body:has(#results:not([hidden])) .presence{display:none!important}
body:has(#research:not([hidden])) #app,
body:has(#whatsapp:not([hidden])) #app,
body:has(#results:not([hidden])) #app{display:block!important}
body:has(#research:not([hidden])) nav,
body:has(#whatsapp:not([hidden])) nav,
body:has(#results:not([hidden])) nav{
  position:static!important;height:64px!important;margin:0 0 32px!important;background:#0c1a2ba8!important;
  border:1px solid #274159!important;border-radius:14px!important;overflow-x:auto!important;gap:0!important;
}
body:has(#research:not([hidden])) nav button,
body:has(#whatsapp:not([hidden])) nav button,
body:has(#results:not([hidden])) nav button{
  display:flex;align-items:center;justify-content:center;gap:12px;flex:1 0 20%!important;width:auto!important;
  height:64px!important;font-size:14px!important;padding:12px!important;
}
body:has(#research:not([hidden])) nav button:before,
body:has(#whatsapp:not([hidden])) nav button:before,
body:has(#results:not([hidden])) nav button:before{width:23px!important;height:23px!important;margin:0!important;flex-shrink:0}
body:has(#research:not([hidden])) nav button.selected,
body:has(#whatsapp:not([hidden])) nav button.selected,
body:has(#results:not([hidden])) nav button.selected{
  background:linear-gradient(180deg,#174d7720,#1c709b24)!important;border-bottom-color:#5ac4ff!important;
}
#research.tab:not([hidden]),#whatsapp.tab:not([hidden]),#results.tab:not([hidden]){
  display:block!important;height:auto!important;overflow:visible!important;padding:0!important;color:#e9f2ff;
}
#research-root,#whatsapp-root,#results{font:14px/1.6 Inter,'Segoe UI',Arial,sans-serif}
#research-root *,#whatsapp-root *,#results *{min-width:0}

/* Shared section hero */
#research-root>span.tag,#whatsapp-root>span.tag,.workspace-eyebrow{
  display:block;color:#7897ba;font-size:10px;font-weight:650;letter-spacing:2px;text-transform:uppercase;
}
#research-root>h2,#whatsapp-root>h2,.whatsapp-head h2,.workspace-heading h1{
  margin:7px 0 9px;font-size:clamp(29px,3vw,42px);font-weight:600;line-height:1.14;letter-spacing:-1.2px;color:#edf5ff;
}
#research-root>p.muted,#whatsapp-root>p.muted,.workspace-heading p{
  max-width:760px;margin:0 0 26px;color:#92a9c4;font-size:15px;line-height:1.7;
}
.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.workspace-heading h1{max-width:780px}
.workspace-heading p{margin-bottom:0}

/* Research workspace */
#research-form{
  position:relative;max-width:none!important;padding:30px;border:1px solid #305776;border-radius:20px;
  background:radial-gradient(ellipse at 95% 0,#1d6a8730,transparent 48%),linear-gradient(125deg,#0d233b,#08182a);
  box-shadow:0 18px 60px #0003;overflow:hidden;
}
#research-form:after{
  content:'';position:absolute;right:-80px;top:-130px;width:380px;height:380px;border:1px solid #4dc4ff24;
  border-radius:50%;box-shadow:0 0 80px #138bda15,inset 0 0 60px #138bda0d;pointer-events:none;
}
#research-form>label{position:relative;z-index:1;font-size:13px;color:#acc1da;font-weight:550}
#research-form textarea,#research-form select{
  border-color:#31506d;background:#071423c9;color:#e7f1ff;font-size:15px;min-height:50px;
}
#research-form textarea{min-height:132px;padding:17px 18px;line-height:1.65}
#research-form select{padding:13px 15px}
#research-form>.research-hints{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 22px}
#research-form>.research-hints button{
  min-height:47px;margin:0;padding:10px 14px;border-color:#2a4965;background:#10243b;color:#add1f4;font-size:13px;
}
#research-form>.research-hints button:hover{background:#173653;border-color:#55a8d8}
#research-form>.primary{position:relative;z-index:1;min-height:48px;padding:12px 22px;background:linear-gradient(110deg,#007bc3,#1763e2);color:#fff}
#research-form>p.muted{position:relative;z-index:1;margin:14px 0 0;max-width:820px;color:#718ba8;font-size:11px}
#research-root>.section-heading{margin:34px 0 16px!important}
#research-root>.section-heading h3{margin:0;font-size:22px;font-weight:600;color:#edf5ff}
#research-root>.section-heading button{padding:10px 16px;border-color:#31506d;background:#102138;color:#b9d9f9}
#research-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
#research-jobs>.research-card{
  margin:0;padding:24px;border:1px solid #294762;border-radius:16px;background:linear-gradient(145deg,#10243b,#091829);
  box-shadow:0 12px 35px #0002;
}
#research-jobs>.research-card h3{font-size:18px;line-height:1.4;color:#eff6ff}
#research-jobs>.research-card>.muted:first-child{font-size:10px;letter-spacing:.4px;color:#7898bb}
.research-report{font-size:14px;line-height:1.75;color:#b9cbe0}
.research-leads{margin-top:24px}
.research-lead{background:linear-gradient(140deg,#102640,#0a192b)!important;border-color:#315576!important}
.research-lead-title h5{font-size:17px!important;color:#f0f6ff}

/* WhatsApp workspace */
#whatsapp-root{
  position:relative;min-height:520px;padding:34px;border:1px solid #305776;border-radius:20px;
  background:radial-gradient(ellipse at 88% 5%,#0a88713d,transparent 42%),linear-gradient(125deg,#0d233b,#071727);
  box-shadow:0 18px 60px #0003;overflow:hidden;
}
#whatsapp-root:after{
  content:'';position:absolute;right:-95px;top:-170px;width:500px;height:500px;border:1px solid #4ef4c329;
  border-radius:50%;box-shadow:0 0 90px #00cb9518,inset 0 0 70px #00b9810d;pointer-events:none;
}
#whatsapp-root>*{position:relative;z-index:1}
#whatsapp-root>p.muted{max-width:820px}
.whatsapp-plan-price{padding:22px 0 10px!important}
.whatsapp-plan-price strong{font-size:clamp(38px,5vw,64px)!important;letter-spacing:-2px}
#whatsapp-root>.primary,#whatsapp-root>button{min-height:46px;margin:8px 9px 0 0;padding:12px 19px}
#whatsapp-root>.primary{background:linear-gradient(110deg,#008f89,#0876de);color:#fff}
.whatsapp-consent{
  max-width:900px;padding:19px;border:1px solid #2c4e64;border-radius:12px;background:#08192aa8;color:#b8cbe0;
}
.whatsapp-head{margin:0 0 7px!important}
.whatsapp-head+ p{max-width:850px}
.whatsapp-head~.actions{padding:16px 0 5px}
.whatsapp-qr{max-width:680px;background:#071827d9!important;border-color:#376c77!important}
.whatsapp-contact{
  margin:18px 0!important;padding:9px 20px!important;border-color:#2b526b!important;
  background:linear-gradient(145deg,#10263c,#091a2a)!important;
}
.whatsapp-contact summary{padding:13px 0;color:#d9ebff;font-size:15px;font-weight:600}
.whatsapp-message{font-size:14px;line-height:1.6;background:#13283f!important}
.whatsapp-message.outbound{background:#0f3c37!important}

/* Results workspace */
#metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#metrics>div{
  min-height:138px;padding:23px!important;border:1px solid #294762!important;border-radius:15px!important;
  background:linear-gradient(145deg,#10243b,#091829);box-shadow:0 12px 35px #0002;
}
#metrics>div:before{
  content:'';display:block;width:32px;height:32px;margin-bottom:18px;border:1px solid #368ac066;border-radius:10px;
  background:radial-gradient(circle,#5bc7ff 0 2px,transparent 3px),#153654;box-shadow:0 0 18px #1b8bd629;
}
#metrics span{margin-bottom:7px!important;color:#87a2c0!important;font-size:12px!important;line-height:1.35}
#metrics strong{font-size:clamp(24px,2.4vw,34px)!important;font-weight:600!important;letter-spacing:-.8px;color:#edf5ff}
#results>#metrics+ p.muted{
  margin:15px 0 25px;padding:14px 17px;border:1px solid #203a51;border-radius:10px;background:#091624;color:#778fa9;
}
#event{
  margin:0!important;padding:28px!important;border:1px solid #2b506c!important;border-radius:18px;
  background:radial-gradient(ellipse at 100% 0,#165a7730,transparent 52%),linear-gradient(135deg,#0d2137,#081727);
}
#event h2{margin:0 0 22px;font-size:23px;font-weight:600;color:#edf5ff}
#event select,#event textarea,#event input{
  width:100%;max-width:none;border-color:#31506d;background:#071423c9;color:#e7f1ff;font-size:15px;
}
#event select{min-height:51px;padding:13px 15px}
#event textarea{min-height:115px;padding:15px 17px}
#event .primary{min-height:47px;padding:12px 23px;background:linear-gradient(110deg,#007bc3,#1763e2);color:#fff}
#events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
#events>.card{margin:0;padding:21px;border-color:#29445e;background:linear-gradient(145deg,#102239,#091725)}
#events>.card p{font-size:14px;line-height:1.65;color:#c1d1e4}
#events>.card strong{font-size:20px;color:#8fd0ff}

@media(max-width:980px){
  #research-jobs{grid-template-columns:1fr}
  #metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #research-form>.research-hints{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body:has(#research:not([hidden])) header,body:has(#whatsapp:not([hidden])) header,body:has(#results:not([hidden])) header{height:60px!important;padding:12px 16px!important}
  body:has(#research:not([hidden])) header .brand img,body:has(#whatsapp:not([hidden])) header .brand img,body:has(#results:not([hidden])) header .brand img{width:112px}
  body:has(#research:not([hidden])) main,body:has(#whatsapp:not([hidden])) main,body:has(#results:not([hidden])) main{padding:8px 16px 26px!important}
  body:has(#research:not([hidden])) nav,body:has(#whatsapp:not([hidden])) nav,body:has(#results:not([hidden])) nav{height:66px!important;margin-bottom:24px!important}
  body:has(#research:not([hidden])) nav button,body:has(#whatsapp:not([hidden])) nav button,body:has(#results:not([hidden])) nav button{flex:0 0 33.333%!important;flex-direction:column;gap:5px;font-size:10px!important;height:66px!important}
  #research-root>h2,#whatsapp-root>h2,.whatsapp-head h2,.workspace-heading h1{font-size:30px}
  #research-root>p.muted,#whatsapp-root>p.muted,.workspace-heading p{font-size:13px}
  #research-form,#whatsapp-root,#event{padding:21px!important;border-radius:16px}
  #research-form>.research-hints{grid-template-columns:1fr 1fr;gap:8px}
  #research-form>.research-hints button{font-size:12px;min-height:43px;padding:8px}
  #research-root>.section-heading h3{font-size:19px}
  #metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}
  #metrics>div{min-height:122px;padding:17px!important}
  #metrics>div:before{width:28px;height:28px;margin-bottom:13px}
  #metrics strong{font-size:23px!important}
  #events{grid-template-columns:1fr}
  .whatsapp-message{max-width:96%;font-size:13px}
}
@media(max-width:420px){
  #metrics{grid-template-columns:1fr!important}
  #metrics>div{min-height:0}
  #research-form>.research-hints{grid-template-columns:1fr}
}