/* JUNIQ V445 — CLEAN SINGLE-AUTHORITY JUNI AGENT
   One page-specific stylesheet. No legacy Agent restyle/token/contrast layers. */
:root{
  --jq-bg:#050b1a;
  --jq-glow:#0d1f4a;
  --jq-panel:#0a1633;
  --jq-panel-2:#0d1e46;
  --jq-blue:#249BFE;
  --jq-intelligent:#007BFF;
  --jq-cyan:#00C8FF;
  --jq-white:#FFFFFF;
  --jq-muted:#C7D2E0;
  --jq-border:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--jq-bg)}
body{margin:0;min-height:100vh;background-color:var(--jq-bg);background-image:radial-gradient(ellipse 1400px 900px at 50% 0%,var(--jq-glow) 0%,var(--jq-bg) 55%,var(--jq-bg) 100%);color:var(--jq-white);font-family:Arial,Helvetica,sans-serif}
a,button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--jq-cyan);outline-offset:3px}

/* Hero copies the Home visual system. */
.ja-clean-hero{padding:52px 24px 10px;margin:0 auto;max-width:1180px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:44px;align-items:center}
.ja-clean-hero-copy{text-align:left;min-width:0;grid-column:2;grid-row:1}
.ja-clean-portrait-wrap{display:flex;align-items:flex-end;justify-content:flex-start;min-width:0;grid-column:1;grid-row:1}
.ja-clean-portrait{display:block;width:min(100%,300px);height:auto;max-height:400px;object-fit:contain;border-radius:20px}
.ja-clean-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--jq-blue);font-size:12px;font-weight:700;letter-spacing:.14em;border:1px solid rgba(59,130,246,.35);border-radius:999px;padding:6px 14px;margin-bottom:24px;background:rgba(59,130,246,.08)}
.ja-clean-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--jq-blue);display:inline-block}
.ja-clean-title{font-family:'Space Grotesk',-apple-system,'Segoe UI',Arial,sans-serif;font-size:44px;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0;color:var(--jq-white)}
.ja-clean-title.blue{color:var(--jq-blue)}
.ja-clean-title.last{margin-bottom:20px}
.ja-clean-sub{color:var(--jq-muted);font-size:16px;max-width:760px;margin:0;line-height:1.6}
.ja-clean-hero-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:28px;flex-wrap:wrap}
.ja-clean-hero-actions a{display:inline-flex;align-items:center;justify-content:center;padding:0 22px;height:46px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.ja-clean-primary{background:linear-gradient(135deg,var(--jq-intelligent),var(--jq-cyan));color:var(--jq-white);border:0}
.ja-clean-secondary{background:transparent;color:var(--jq-white);border:1px solid rgba(255,255,255,.25)}
.ja-clean-waveform{width:100%;max-width:900px;margin:0 auto;padding:20px 24px;box-sizing:border-box}
.ja-clean-wave-bars{display:flex;align-items:center;justify-content:center;gap:3px;height:60px}
.ja-clean-wave-bars .bar{width:3px;border-radius:2px;background:linear-gradient(180deg,#4facfe 0%,#00c6ff 100%);animation:juniq-clean-wave 1.2s ease-in-out infinite;transform-origin:center}
@keyframes juniq-clean-wave{0%,100%{transform:scaleY(.3);opacity:.6}50%{transform:scaleY(1);opacity:1}}

/* Agent command centre. */
.ja-clean-main{width:min(calc(100% - 48px),1180px);margin:28px auto 64px}
.ja-clean-shell{border:1px solid rgba(77,166,255,.24);border-radius:20px;background:linear-gradient(180deg,rgba(13,30,70,.96),rgba(5,11,26,.98));overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.22)}
.ja-clean-greeting{padding:28px 30px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.ja-clean-greeting-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.ja-clean-label{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--jq-blue)}
.ja-clean-ready{display:inline-flex;align-items:center;gap:7px;color:var(--jq-muted);font-size:12px;font-weight:700}
.ja-clean-ready i{width:7px;height:7px;border-radius:50%;background:var(--jq-cyan);box-shadow:0 0 12px rgba(0,200,255,.55)}
.ja-clean-greeting h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.08;margin:0;color:var(--jq-white);letter-spacing:-.025em}
.ja-clean-greeting h2 .accent{color:var(--jq-blue)}
.ja-clean-greeting p{color:var(--jq-muted);font-size:16px;line-height:1.55;margin:10px 0 0;max-width:880px}

.ja-clean-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.ja-clean-quick button,.ja-clean-quick a{min-width:0;min-height:66px;border-radius:12px;border:1px solid rgba(77,166,255,.24);background:#081938;color:var(--jq-white);text-decoration:none;padding:11px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;cursor:pointer;text-align:left}
.ja-clean-quick strong{font-size:12px;letter-spacing:.05em;white-space:nowrap}
.ja-clean-quick small{font-size:11px;color:var(--jq-muted);white-space:nowrap}
.ja-clean-quick button:hover,.ja-clean-quick a:hover{border-color:var(--jq-blue);background:#0A2472}

.ja-clean-command{padding:26px 30px 28px}
.ja-clean-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px}
.ja-clean-command-head h3{font-family:'Space Grotesk',sans-serif;font-size:26px;margin:0 0 5px;color:var(--jq-white)}
.ja-clean-command-head h3 span{color:var(--jq-blue)}
.ja-clean-command-head p{margin:0;color:var(--jq-muted);font-size:14px;line-height:1.5}
.ja-clean-sources{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0 12px}
.ja-clean-source-btn,.ja-clean-source-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#081938;color:var(--jq-white);text-decoration:none;font-weight:600;font-size:12.5px;cursor:pointer}
.ja-clean-source-btn:hover,.ja-clean-source-link:hover{border-color:var(--jq-blue)}
.ja-clean-file-status{color:var(--jq-muted);font-size:12px;margin-left:auto}
.ja-clean-file-list{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.ja-clean-file-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(77,166,255,.24);background:rgba(77,166,255,.07);color:var(--jq-muted);font-size:11.5px;max-width:100%}
.ja-clean-file-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.ja-clean-file-chip[data-error="true"]{border-color:rgba(255,120,120,.4);color:#ffd1d1}
.ja-clean-task{width:100%;min-height:170px;resize:vertical;border:1px solid rgba(77,166,255,.30);border-radius:12px;background:#FFFFFF;color:#071a3a;padding:16px;font-size:16px;line-height:1.55;box-shadow:none}
.ja-clean-controls{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.ja-clean-control{height:44px;padding:0 17px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#081938;color:var(--jq-white);font-weight:700;font-size:13px;cursor:pointer}
.ja-clean-do{height:44px;padding:0 24px;border-radius:8px;border:0;background:linear-gradient(135deg,var(--jq-intelligent),var(--jq-cyan));color:var(--jq-white);font-weight:800;font-size:13.5px;cursor:pointer;margin-left:auto;min-width:120px}
.ja-clean-control:disabled,.ja-clean-do:disabled{opacity:.55;cursor:not-allowed}
.ja-clean-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.ja-clean-trust div{padding:10px 12px;border-radius:9px;background:rgba(77,166,255,.055);border:1px solid rgba(77,166,255,.15);color:var(--jq-muted);font-size:12px;text-align:center}
.ja-clean-trust b{color:var(--jq-white)}

.ja-clean-stream{padding:20px 30px;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,11,26,.40)}
.ja-clean-stream-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.ja-clean-stream-title strong{font-size:12px;letter-spacing:.12em;color:var(--jq-blue)}
.ja-clean-status{font-size:12px;color:var(--jq-muted)}
.ja-clean-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ja-clean-step{position:relative;padding:11px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#07152f;color:#8da0c2;font-size:12px;font-weight:700;text-align:center}
.ja-clean-step[data-state="active"]{color:var(--jq-white);border-color:var(--jq-blue);box-shadow:0 0 0 1px rgba(77,166,255,.08) inset}
.ja-clean-step[data-state="done"]{color:var(--jq-white);background:#0A2472;border-color:rgba(77,166,255,.4)}

.ja-clean-followup,.ja-clean-output{margin:20px 30px 28px;border:1px solid rgba(77,166,255,.25);border-radius:14px;background:#07152f;padding:20px}
.ja-clean-followup[hidden],.ja-clean-output[hidden]{display:none!important}
.ja-clean-followup strong{display:block;color:var(--jq-white);margin-bottom:12px;line-height:1.45}
.ja-clean-followup-row{display:flex;gap:10px}
.ja-clean-followup input{flex:1;min-width:0;height:42px;border-radius:8px;border:1px solid rgba(77,166,255,.3);background:#fff;color:#071a3a;padding:0 12px}
.ja-clean-output-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ja-clean-output-head strong{color:var(--jq-blue);font-size:12px;letter-spacing:.12em}
.ja-clean-output-head span{color:var(--jq-muted);font-size:12px}
.ja-clean-output-text{white-space:pre-wrap;color:var(--jq-white);font-size:15px;line-height:1.65;max-height:520px;overflow:auto;padding-right:6px}
.ja-clean-output-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.ja-clean-output-actions button{height:38px;padding:0 13px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#081938;color:var(--jq-white);font-size:12px;font-weight:700;cursor:pointer}
.ja-clean-output-actions button.primary{background:linear-gradient(135deg,var(--jq-intelligent),var(--jq-cyan));border:0}

.ja-clean-cta{max-width:1040px;margin:56px auto 60px;padding:0 24px;text-align:center}
.ja-clean-cta-inner{background:linear-gradient(135deg,#123499,#007BFF);border-radius:20px;padding:56px 24px}
.ja-clean-cta h2{color:#fff;font-size:26px;margin:0 0 10px;font-family:'Space Grotesk',sans-serif;font-weight:600}
.ja-clean-cta p{color:rgba(255,255,255,.8);font-size:15px;margin:0 0 22px}
.ja-clean-cta-row{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ja-clean-cta a{display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:0 18px;height:42px;border-radius:8px;text-decoration:none;font-weight:600;font-size:13.5px}
.ja-clean-cta a:first-child{background:#007BFF}.ja-clean-cta a:last-child{background:#0057D9}
.ja-clean-footer{text-align:center;padding:24px;color:#93a5c7;font-size:12px;border-top:1px solid rgba(255,255,255,.09)}
.ja-clean-footer nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}
.ja-clean-footer a{color:#93a5c7;text-decoration:none;font-size:13px}

@media(max-width:1050px){
  .ja-clean-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ja-clean-main{width:min(calc(100% - 32px),1180px)}
}
@media(max-width:820px){
  .ja-clean-hero{grid-template-columns:1fr;gap:26px;padding:44px 16px 8px}.ja-clean-hero-copy{text-align:center;grid-column:auto;grid-row:auto}.ja-clean-sub{margin:0 auto}.ja-clean-hero-actions{justify-content:center}.ja-clean-portrait-wrap{justify-content:center;grid-column:auto;grid-row:auto}.ja-clean-portrait{width:min(72vw,300px);max-height:400px}
}
@media(max-width:700px){
  .ja-clean-hero{padding:40px 16px 8px}.ja-clean-title{font-size:clamp(34px,10vw,44px)}.ja-clean-sub{font-size:15px;line-height:1.55}
  .ja-clean-hero-actions a{width:100%;max-width:360px}
  .ja-clean-waveform{padding:18px 16px}.ja-clean-wave-bars{gap:2px;overflow:hidden}
  .ja-clean-main{width:calc(100% - 24px);margin-top:20px}
  .ja-clean-greeting,.ja-clean-command,.ja-clean-stream{padding-left:18px;padding-right:18px}
  .ja-clean-quick{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}
  .ja-clean-command-head{display:block}.ja-clean-file-status{width:100%;margin:2px 0 0}
  .ja-clean-trust{grid-template-columns:1fr}.ja-clean-steps{grid-template-columns:repeat(2,1fr)}
  .ja-clean-do{width:100%;margin-left:0}.ja-clean-control{flex:1}
  .ja-clean-followup,.ja-clean-output{margin-left:16px;margin-right:16px}.ja-clean-followup-row{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ja-clean-wave-bars .bar{animation:none!important}}