/* ============================================================
   JUNIQ PERMANENT LOGO + JUNI FACE LOCK
   Purpose: keep the big clean JUNIQ logo, stop small-logo regressions,
   and prevent text/cards from covering JUNI's portrait.
   Load AFTER styles.css. Do not remove.
   ============================================================ */
:root{--juniq-lock-gold:#f6cd52;--juniq-lock-bg:#020817;}

/* Header / brand protection */
.site-header{overflow:visible!important;position:sticky!important;top:0!important;z-index:50!important;}
.site-header .brand,.site-header .brand-lockup{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 1 auto!important;position:relative!important;z-index:4!important;text-decoration:none!important;
}
.site-header .brand img,.site-header .brand-lockup img,.brand-logo-img{
  display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:left center!important;
  max-width:none!important;filter:drop-shadow(0 0 18px rgba(37,99,255,.10))!important;
}
.main-nav,.header-actions,.menu-toggle{position:relative!important;z-index:6!important;}

@media (min-width:1241px){
  .site-shell{width:min(1500px,calc(100% - 40px))!important;}
  .site-header{min-height:176px!important;height:auto!important;padding:14px 0!important;gap:18px!important;}
  .site-header .brand,.site-header .brand-lockup{width:clamp(560px,44vw,820px)!important;max-width:min(820px,56vw)!important;min-width:520px!important;}
  .site-header .brand img,.site-header .brand-lockup img,.brand-logo-img{max-height:138px!important;}
}

@media (max-width:1240px){
  .site-header{min-height:158px!important;height:auto!important;padding:12px 0!important;}
  .site-header .brand,.site-header .brand-lockup{width:min(780px,84vw)!important;min-width:0!important;}
  .site-header .brand img,.site-header .brand-lockup img,.brand-logo-img{max-height:132px!important;}
  .main-nav.open{top:calc(100% + 8px)!important;z-index:60!important;}
}

@media (max-width:620px){
  .site-header{min-height:138px!important;padding:10px 0!important;}
  .site-header .brand,.site-header .brand-lockup{width:min(94vw,540px)!important;}
  .site-header .brand img,.site-header .brand-lockup img,.brand-logo-img{max-height:105px!important;}
}

/* Homepage hero: JUNI's portrait stays clean and separate from words */
@media (min-width:901px){
  .juni-hero-card{
    display:grid!important;grid-template-columns:minmax(280px,42%) minmax(320px,58%)!important;
    align-items:end!important;gap:10px!important;min-height:565px!important;padding:24px!important;overflow:hidden!important;
  }
  .juni-hero-card picture{
    position:relative!important;grid-column:2!important;grid-row:1!important;right:auto!important;bottom:auto!important;
    width:100%!important;height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;
    padding:0!important;margin:0!important;z-index:1!important;pointer-events:none!important;
  }
  .juni-hero-card img{
    width:100%!important;height:540px!important;max-height:540px!important;object-fit:contain!important;object-position:right bottom!important;z-index:1!important;
  }
  .assistant-card.floating{
    position:relative!important;grid-column:1!important;grid-row:1!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    width:100%!important;max-width:360px!important;margin:0!important;align-self:end!important;z-index:3!important;
  }
}

@media (max-width:900px){
  .juni-hero-card{display:flex!important;flex-direction:column!important;min-height:auto!important;padding:18px!important;}
  .juni-hero-card picture{position:relative!important;width:100%!important;height:auto!important;order:1!important;right:auto!important;bottom:auto!important;justify-content:center!important;}
  .juni-hero-card img{height:auto!important;max-height:420px!important;object-fit:contain!important;object-position:center bottom!important;}
  .assistant-card.floating{position:relative!important;width:100%!important;max-width:100%!important;left:auto!important;bottom:auto!important;margin-top:14px!important;order:2!important;}
}

/* JUNI Assistant feature page: keep her face large and clean */
.juni-face-card{overflow:visible!important;isolation:isolate!important;}
.juni-face-card img{position:relative!important;z-index:1!important;object-fit:contain!important;object-position:center top!important;}
.juni-live-pill{z-index:3!important;max-width:300px!important;}
@media (min-width:981px){.juni-face-card img{max-height:690px!important;}.juni-live-pill{left:0!important;bottom:28px!important;}}
@media (max-width:620px){.juni-face-card img{max-height:390px!important;}.juni-live-pill{position:relative!important;left:auto!important;bottom:auto!important;margin-top:12px!important;max-width:100%!important;}}

/* Accessibility usability helpers */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--juniq-lock-gold)!important;outline-offset:3px!important;}
body.large-text p,body.large-text a,body.large-text button,body.large-text input,body.large-text textarea,body.large-text li{font-size:1.12em!important;line-height:1.65!important;}
body.high-contrast{background:#000!important;color:#fff!important;}
body.high-contrast .access-card,body.high-contrast .tool-panel,body.high-contrast .voice-settings,body.high-contrast .assistant-card{background:#050505!important;border-color:#fff!important;color:#fff!important;}
body.high-contrast p,body.high-contrast li,body.high-contrast span{color:#fff!important;}


/* ============================================================
   JUNIQ SECURE VAULT PAGE — enterprise security direction
   ============================================================ */
.micro-note{margin-top:18px;color:#aeb9cf;font-size:.95rem;line-height:1.55;max-width:760px}
.vault-section{position:relative;z-index:1}
.security-stack,.vault-grid,.do-dont-grid{display:grid;gap:18px;margin-top:24px}
.security-stack{grid-template-columns:repeat(3,minmax(0,1fr))}
.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.do-dont-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stack-num{display:inline-flex;width:36px;height:36px;border-radius:999px;align-items:center;justify-content:center;background:rgba(246,205,82,.13);border:1px solid rgba(246,205,82,.42);color:#f6cd52;font-weight:900;margin-bottom:12px}
.vault-tile{padding:22px;border:1px solid rgba(246,205,82,.18);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 18px 48px rgba(0,0,0,.28)}
.vault-tile h3,.security-stack h3,.privacy-control-cards h3,.do-dont-grid h3{color:#f8fbff;margin:0 0 10px;font-size:1.08rem}
.vault-tile p,.security-stack p,.privacy-control-cards p,.do-dont-grid p,.do-dont-grid li{color:#c4ccdc;line-height:1.62}
.do-dont-grid ul{margin:0;padding-left:20px}
.card.good{border-color:rgba(84,214,150,.35)!important}.card.danger{border-color:rgba(255,103,103,.35)!important}
.vault-warning{border-top:1px solid rgba(246,205,82,.16);border-bottom:1px solid rgba(246,205,82,.16)}
.vault-visual-card .assistant-card strong{color:#f6cd52}
@media(max-width:1100px){.security-stack,.vault-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.security-stack,.vault-grid,.do-dont-grid{grid-template-columns:1fr}.micro-note{font-size:.9rem}.vault-tile{padding:18px}}


/* JUNIQ Enterprise positioning update — business-first, accessibility as a specialist capability */
.enterprise-panel,.enterprise-grid,.business-grid,.agent-grid,.assurance-grid{display:grid;gap:22px;}
.enterprise-panel{grid-template-columns:1.1fr .9fr;align-items:stretch;margin-top:28px;}
.enterprise-card,.business-card,.assurance-card,.agent-card,.model-card{background:linear-gradient(145deg,rgba(8,24,52,.82),rgba(3,12,30,.78));border:1px solid rgba(246,205,82,.24);border-radius:22px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.22);}
.enterprise-card h3,.business-card h3,.assurance-card h3,.agent-card h3,.model-card h3{margin:0 0 10px;color:#f8fbff;}
.enterprise-card p,.business-card p,.assurance-card p,.agent-card p,.model-card p{color:#c5cee3;}
.enterprise-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;}
.enterprise-list li{display:flex;gap:10px;align-items:flex-start;color:#dbe5f8;}
.enterprise-list li::before{content:'✓';color:#42ed9d;font-weight:900;margin-top:1px;}
.business-grid{grid-template-columns:repeat(3,1fr);margin-top:26px;}
.agent-grid{grid-template-columns:repeat(4,1fr);margin-top:24px;}
.assurance-grid{grid-template-columns:repeat(4,1fr);margin-top:24px;}
.model-note{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(66,237,157,.28);background:rgba(66,237,157,.08);color:#dfffee;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;margin-top:12px;}
.business-badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.business-badge-row span{border:1px solid rgba(246,205,82,.32);background:rgba(246,205,82,.08);color:#f7dd87;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;}
@media (max-width:980px){.enterprise-panel,.business-grid,.agent-grid,.assurance-grid{grid-template-columns:1fr 1fr}.agent-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.enterprise-panel,.business-grid,.agent-grid,.assurance-grid{grid-template-columns:1fr}.enterprise-card,.business-card,.assurance-card,.agent-card,.model-card{padding:18px}.business-badge-row span{font-size:12px}}

/* JUNIQ homepage capability card — Assistant, Agent, Trainer, Tutor, Lecturer, Meetings */
.juni-capability-card .assistant-title{letter-spacing:.18em!important;}
.juni-capability-card .assistant-title small{letter-spacing:.02em!important;}
.juni-capability-card .bubble{display:block!important;margin:12px 0!important;font-size:14px!important;line-height:1.42!important;}
.juni-role-list{display:grid!important;gap:8px!important;margin:12px 0 14px!important;}
.juni-role-list li{display:grid!important;grid-template-columns:92px 1fr!important;gap:8px!important;align-items:start!important;padding:9px 10px!important;font-size:13px!important;line-height:1.25!important;}
.juni-role-list li strong{color:#f6cd52!important;font-size:12px!important;letter-spacing:.02em!important;}
.juni-role-list li span{color:#eef3ff!important;}
@media (min-width:901px){.assistant-card.floating.juni-capability-card{max-width:386px!important;}.juni-hero-card{grid-template-columns:minmax(330px,45%) minmax(320px,55%)!important;}}
@media (max-width:620px){.juni-role-list li{grid-template-columns:1fr!important;gap:3px!important;font-size:14px!important;}.juni-capability-card .assistant-title{letter-spacing:.12em!important;}}