/* JUNIQ HARD-CODED GOLD/WHITE HEADING SYSTEM - DO NOT REMOVE */
:root{--juniq-heading-white:#f8fbff;--juniq-heading-gold:#f6cd52;}
.gold-split-title{letter-spacing:-.035em;color:#f8fbff!important;}
.gold-split-title .split-white,.split-white{color:#f8fbff!important;text-shadow:0 0 32px rgba(255,255,255,.10);}
.gold-split-title .split-gold,.split-gold{color:#f6cd52!important;-webkit-text-fill-color:#f6cd52!important;background:none!important;text-shadow:0 0 32px rgba(246,205,82,.28);}
.eyebrow .split-white{color:#f8fbff!important;text-shadow:0 0 32px rgba(255,255,255,.10);}
.eyebrow .split-gold{color:#f6cd52!important;-webkit-text-fill-color:#f6cd52!important;background:none!important;text-shadow:0 0 32px rgba(246,205,82,.28);}
.hero h1.gold-split-title .split-gold,.record-preview h2.gold-split-title .split-gold,.intro h2.gold-split-title .split-gold{display:inline-block!important;}


:root{--bg:#020817;--bg2:#06142d;--panel:rgba(8,24,52,.78);--panel2:rgba(5,16,36,.72);--line:rgba(94,149,255,.18);--text:#f6f8ff;--muted:#aab4ce;--blue:#2563ff;--blue2:#4da3ff;--gold:#d4a62a;--teal:#11d4c1;--purple:#8c5cf6;--danger:#ff6575;--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(37,99,255,.16),transparent 32%),radial-gradient(circle at 10% 35%,rgba(37,99,255,.12),transparent 36%),linear-gradient(180deg,#020817 0%,#030b1d 50%,#020817 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:min(1500px,calc(100% - 40px));margin:auto}.site-header{height:250px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;backdrop-filter:blur(18px);background:rgba(2,8,23,.86);z-index:20}.brand{width:clamp(780px,64vw,1220px);flex:0 0 auto}.brand img{width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(37,99,255,.10))}.main-nav{display:flex;gap:13px;align-items:center;margin-left:auto}.nav-link{color:#dce4f9;font-size:14px;opacity:.88;white-space:nowrap}.nav-link.active,.nav-link:hover{color:#fff}.header-actions{display:flex;gap:12px;align-items:center;margin-left:10px;white-space:nowrap}.signin{color:#dce4f9;font-size:15px}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}.menu-toggle span{display:block;height:2px;background:#fff;margin:7px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:10px;border:1px solid rgba(255,255,255,.14);font-weight:700;letter-spacing:.01em;transition:.2s ease;cursor:pointer}.btn.small{padding:10px 15px;font-size:14px}.btn.primary{background:linear-gradient(135deg,#1d5bff,#327dff);border-color:rgba(82,140,255,.65);box-shadow:0 12px 35px rgba(37,99,255,.28)}.btn.secondary{background:rgba(7,18,40,.72);border-color:rgba(212,166,42,.55);color:#fff}.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}.hero{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;min-height:610px;padding:68px 0 56px}.hero:after{content:"";position:absolute;left:-12vw;bottom:34px;width:78%;height:210px;background:radial-gradient(ellipse at left,rgba(32,112,255,.28),transparent 60%);filter:blur(10px);z-index:-1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d9b64a;border:1px solid rgba(212,166,42,.45);border-radius:999px;padding:7px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;background:rgba(212,166,42,.055)}.eyebrow.center{margin:auto;display:table}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.08;margin:28px 0 22px;letter-spacing:-.055em;font-weight:500}.hero h1 span,.section h2 span,.cta-band h2 span{color:var(--gold)}.lead{font-size:19px;color:#c9d2e8;max-width:630px}.cta-row{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0}.proof-row{display:flex;gap:34px;flex-wrap:wrap;color:#cbd5ed;font-size:14px}.juni-hero-card{position:relative;min-height:520px;border:1px solid rgba(74,130,255,.24);border-radius:var(--radius);background:linear-gradient(145deg,rgba(16,54,118,.35),rgba(5,15,35,.9));overflow:hidden;box-shadow:var(--shadow)}.juni-hero-card picture{position:absolute;right:0;bottom:0;width:48%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;padding-top:18px}.juni-hero-card img{height:100%;width:100%;object-fit:contain;object-position:right bottom;filter:saturate(1.03)}.assistant-card{background:rgba(3,10,25,.68);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 60px rgba(0,0,0,.38);backdrop-filter:blur(12px);border-radius:16px}.assistant-card.floating{position:absolute;left:28px;bottom:44px;width:390px;padding:22px}.assistant-title{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center;letter-spacing:.35em}.assistant-title small{grid-column:1/3;letter-spacing:.03em;color:var(--muted);font-size:13px}.online{width:8px;height:8px;border-radius:999px;background:#42ed9d;box-shadow:0 0 14px #42ed9d}.bubble{background:linear-gradient(135deg,#1b61ff,#286eff);border-radius:12px;padding:14px 16px;display:inline-block;font-size:15px;line-height:1.45}.assistant-card ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.assistant-card li,.mini-prompts button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:10px;padding:11px 12px;color:#eef3ff;font-size:14px;line-height:1.32}.assistant-card label,.mini-input{display:flex;gap:8px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px}.assistant-card input,.mini-input input,.app-top input,.contact-panel input,.contact-panel textarea{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff}.assistant-card button,.mini-input button{width:32px;border:0;border-radius:8px;background:#2563ff;color:#fff}.section{padding:52px 0}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.13;text-align:center;margin:0 0 30px}.intro h2{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-grid.minimal{margin-top:28px}.feature-card,.industry-grid article,.pricing-grid article,.resource-grid article,.stack-cards article,.contact-panel,.upload-panel,.legal-text,.cta-band,.trust-row,.app-cards article,.dash-grid article{background:linear-gradient(145deg,rgba(8,24,52,.72),rgba(3,12,30,.72));border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.18)}.feature-card{padding:28px;min-height:210px}.feature-card h3,.industry-grid h3,.pricing-grid h3{font-size:22px;margin:18px 0 10px}.feature-card p,.industry-grid p,.pricing-grid p,.resource-grid p,.stack-cards p{color:#c5cee3}.feature-card a,.industry-grid a,.resource-grid a{color:#65a4ff;font-weight:700}.icon{width:54px;height:54px;border-radius:16px;background:radial-gradient(circle,#286eff,rgba(37,99,255,.12));position:relative}.icon.folder{background:radial-gradient(circle,var(--gold),rgba(212,166,42,.12))}.icon.flow{background:radial-gradient(circle,var(--purple),rgba(140,92,246,.12))}.icon.chat{background:radial-gradient(circle,var(--teal),rgba(17,212,193,.12))}.icon.shield,.icon.grid,.icon.doc{background:radial-gradient(circle,#7183ff,rgba(113,131,255,.12))}.trust-row{padding:30px;margin:24px 0 36px;text-align:center}.trust-row p{text-transform:uppercase;letter-spacing:.18em;color:#aeb9d2;font-size:13px;font-weight:800;margin:0 0 20px}.institutions{display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap}.institutions span{color:#dfe6f7;font-family:Georgia,serif;font-size:18px;opacity:.92;letter-spacing:.01em}.institutions span:first-child{color:#f0c44f;font-weight:800;text-shadow:0 0 16px rgba(212,166,42,.18)}.cta-band{margin:44px 0;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 80% 50%,rgba(37,99,255,.28),transparent 40%),linear-gradient(145deg,rgba(9,29,70,.82),rgba(5,14,32,.82))}.cta-band h2{font-size:34px;margin:0}.cta-band p{color:#c5cee3;margin:8px 0 0}.juni-strip{display:none}.site-footer{padding:42px 0 32px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:260px 1fr;gap:40px}.footer-brand img{width:380px;max-width:100%}.footer-brand p{color:#aeb9d2}.socials{display:flex;gap:10px}.socials a{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center}.socials img{width:16px;height:16px}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-cols h4{margin:0 0 10px}.footer-cols a{display:block;color:#aeb9d2;margin:6px 0;font-size:14px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:#78849d;font-size:13px;border-top:1px solid rgba(255,255,255,.06);padding-top:24px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.steps article,.prompt-grid span{background:rgba(8,24,52,.72);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center}.steps b{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#1d5bff}.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.industry-grid article{padding:24px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pricing-grid article{padding:28px}.pricing-grid .popular{border-color:rgba(212,166,42,.65);box-shadow:0 20px 70px rgba(212,166,42,.08)}.price{font-size:38px!important;color:#fff!important;margin:12px 0}.price span{font-size:16px;color:var(--muted)}.pricing-grid ul{padding-left:18px;color:#c8d2e8}.faq details{background:rgba(8,24,52,.72);border:1px solid var(--line);border-radius:12px;margin:12px auto;max-width:860px;padding:16px}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start;padding:52px 0}.split-section h2{text-align:left;font-size:42px}.stack-cards{display:grid;gap:14px}.stack-cards article{padding:22px}.prompt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.resource-grid article{padding:24px}.upload-panel,.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:34px;margin:32px 0 60px}.dropzone{border:1.5px dashed rgba(77,163,255,.5);border-radius:18px;min-height:300px;display:grid;place-items:center;text-align:center;background:rgba(37,99,255,.05);padding:30px}.dropzone strong{font-size:30px}.dropzone span{color:var(--muted)}.contact-panel form{display:grid;gap:16px}.contact-panel label{display:grid;gap:8px;color:#dce4f9}.contact-panel input,.contact-panel textarea{border:1px solid var(--line);background:rgba(0,0,0,.16);border-radius:12px;padding:14px}.contact-panel textarea{min-height:140px}.legal-text{padding:34px;margin:34px 0}.app-shell-page{width:calc(100vw - 40px);margin-left:calc((1180px - 100vw)/2 + 20px);display:grid;grid-template-columns:220px 1fr 260px;gap:22px;min-height:860px;padding:24px 0}.app-side,.app-juni{background:linear-gradient(180deg,rgba(8,24,52,.85),rgba(3,12,30,.85));border:1px solid var(--line);border-radius:22px;padding:18px}.app-side img{width:145px;margin-bottom:22px}.app-side a{display:block;padding:12px;border-radius:10px;color:#cbd5ed}.app-side a.active{background:#123b91;color:#fff}.app-main h1{font-size:34px}.app-top{display:flex;gap:14px;margin-bottom:22px}.app-top input{background:rgba(8,24,52,.72);border:1px solid var(--line);border-radius:12px;padding:14px}.app-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-cards article{padding:18px}.app-cards button,.app-juni button{background:#154edb;color:#fff;border:0;border-radius:10px;padding:10px 12px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.dash-grid article{padding:20px}.dash-grid article:nth-child(3){grid-column:1/-1}.app-juni img{border-radius:18px;height:260px;object-fit:cover;object-position:top}.app-juni button{display:block;width:100%;margin:10px 0;background:rgba(255,255,255,.05);border:1px solid var(--line)}.app-juni input{width:100%;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:10px;padding:12px;color:#fff}.juni-widget{position:fixed;right:22px;bottom:22px;z-index:60}.juni-widget-toggle{border:1px solid rgba(77,163,255,.45);background:linear-gradient(135deg,#123b91,#2563ff);color:#fff;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 14px 38px rgba(0,0,0,.35)}.juni-widget-card{display:none;position:absolute;right:0;bottom:58px;width:310px;background:rgba(4,12,28,.94);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.juni-widget.open .juni-widget-card{display:block}.juni-mini-head{display:flex;gap:12px;align-items:center}.juni-mini-head img{width:52px;height:52px;border-radius:14px;object-fit:cover;object-position:top}.juni-mini-head span{display:block;color:var(--muted)}.mini-prompts{display:grid;gap:8px}.mini-prompts button{text-align:left}.mini-input{margin-top:10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42ed9d;margin-right:6px}.form-note{color:#42ed9d}.center{text-align:center}
@media (max-width:1240px){.site-shell{width:min(100% - 24px,920px)}.site-header{height:auto;min-height:158px}.brand{width:min(780px,88vw)}.brand img{width:100%}.menu-toggle{display:block;margin-left:auto}.main-nav,.header-actions{display:none}.main-nav.open{display:grid;position:absolute;left:0;right:0;top:122px;background:rgba(2,8,23,.97);border:1px solid var(--line);border-radius:16px;padding:18px}.hero{grid-template-columns:1fr;gap:26px;padding:42px 0}.hero h1{font-size:48px}.juni-hero-card{min-height:470px}.assistant-card.floating{left:18px;bottom:18px}.feature-grid,.industry-grid,.pricing-grid,.resource-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.prompt-grid{grid-template-columns:1fr 1fr}.cta-band,.site-footer,.split-section,.upload-panel,.contact-panel{grid-template-columns:1fr}.site-footer{display:grid}.footer-cols{grid-template-columns:1fr 1fr}.app-shell-page{width:100%;margin-left:0;grid-template-columns:1fr}.app-side{display:none}.app-cards{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.juni-widget-card{right:-8px}}@media (max-width:620px){.site-shell{width:min(100% - 18px,560px)}.site-header{min-height:145px}.brand{width:min(96vw,560px)}.brand img{width:100%}.hero h1{font-size:38px}.lead{font-size:17px}.juni-hero-card{min-height:auto;padding:14px;display:flex;flex-direction:column}.juni-hero-card picture{position:relative;width:100%;height:auto;opacity:.95;right:auto;order:1;padding:0;justify-content:center}.juni-hero-card img{height:auto;max-height:300px;object-fit:contain;object-position:center bottom}.assistant-card.floating{position:relative;left:auto;bottom:auto;width:100%;margin:14px 0 0;order:2}.assistant-card li{font-size:15px;padding:12px 14px}.assistant-card label{padding:12px}.feature-grid,.industry-grid,.pricing-grid,.resource-grid,.steps,.prompt-grid,.app-cards{grid-template-columns:1fr}.cta-band{padding:24px}.institutions{justify-content:center}.footer-cols{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}.juni-widget{display:none}}

/* JUNIQ functional application additions — kept inside the original dark/gold design */
.section-lead{max-width:840px;margin:-10px auto 28px;text-align:center;color:#c5cee3;font-size:18px}.ask-panel,.record-card,.study-grid .feature-card{border-color:rgba(212,166,42,.32)}.main-ask-panel{margin-top:24px;background:linear-gradient(145deg,rgba(8,24,52,.78),rgba(3,12,30,.82));border:1px solid rgba(212,166,42,.28);border-radius:22px;padding:20px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.juni-textarea,.juni-input{width:100%;border:1px solid rgba(77,163,255,.26);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:16px;font:inherit;outline:none}.juni-textarea{min-height:150px;resize:vertical}.juni-textarea:focus,.juni-input:focus{border-color:rgba(212,166,42,.72);box-shadow:0 0 0 3px rgba(212,166,42,.10)}.status-line{color:#f0c44f;font-weight:700;margin:14px 0 0}.response-card .bubble{white-space:pre-wrap;max-height:430px;overflow:auto}.juni-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.record-grid,.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.large-card{min-height:auto}.type-pills{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px}.type-pills button,.share-grid button{border:1px solid rgba(212,166,42,.35);background:rgba(212,166,42,.08);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.type-pills button.active,.type-pills button:hover,.share-grid button:hover{background:linear-gradient(135deg,#d4a62a,#f0c44f);color:#071225}.phone-note{border:1px solid rgba(212,166,42,.3);background:rgba(212,166,42,.08);border-radius:14px;padding:12px 14px;color:#f7dd87;margin:14px 0}.record-playback{width:100%;margin:16px 0}.summary-box{min-height:330px}.share-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.file-label{position:relative}.styled-drop{display:grid;gap:8px;cursor:pointer}.styled-drop input{margin-top:10px;color:#fff}.saved-library{display:grid;gap:14px;margin-top:20px}.saved-item{background:linear-gradient(145deg,rgba(8,24,52,.72),rgba(3,12,30,.72));border:1px solid rgba(77,163,255,.20);border-radius:16px;padding:18px}.saved-item h3{margin:0 0 6px;color:#fff}.saved-item p{white-space:pre-wrap;color:#c5cee3}.university-launch .institutions{justify-content:center}.university-launch .institutions span{border:1px solid rgba(212,166,42,.18);background:rgba(212,166,42,.06);border-radius:999px;padding:8px 12px;font-size:16px}.assistant-card input[data-juni-global-input]{color:#fff}.assistant-card input[data-juni-global-input]::placeholder{color:#aeb9d2}.record-preview .record-lead{max-width:820px;margin:-12px auto 24px;text-align:center;color:#c5cee3;font-size:18px}.record-card{max-width:980px;margin:0 auto}.record-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px}.record-pills span,.record-pills a{border:1px solid rgba(212,166,42,.45);background:rgba(212,166,42,.08);color:#f3d36a;border-radius:999px;padding:9px 14px;font-weight:800;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px}.record-pills a:hover{background:linear-gradient(135deg,#d4a62a,#f0c44f);color:#071225;box-shadow:0 10px 28px rgba(246,205,82,.18);transform:translateY(-1px)}.record-note{color:#aeb9d2;text-align:center;font-size:13px;margin-top:10px}.new-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(66,237,157,.12);color:#42ed9d;border:1px solid rgba(66,237,157,.25);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.brand img{width:100%;height:auto}.site-header .brand{width:clamp(500px,42vw,780px)}@media (max-width:900px){.record-grid,.study-grid{grid-template-columns:1fr}.juni-textarea{min-height:130px}.summary-box{min-height:220px}}@media (max-width:620px){.site-header .brand{width:min(82vw,460px)}}


/* JUNIQ gold/white split headings - applied across every page */
.gold-split-title{color:#f8fbff!important;letter-spacing:-.035em}
.gold-split-title .split-white{color:#f8fbff!important;text-shadow:0 0 34px rgba(255,255,255,.06)}
.gold-split-title .split-gold{color:var(--gold)!important;background:linear-gradient(180deg,#fff4bf 0%,#f6cd52 48%,#d4a62a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.hero h1.gold-split-title .split-gold{display:inline-block}
.record-preview h2.gold-split-title .split-gold,.intro h2.gold-split-title .split-gold{display:inline-block}
@media (max-width:620px){.gold-split-title br{display:none}.gold-split-title .split-gold{display:inline!important}}


/* ============================================================
   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 world-class agent/business upgrade */
.agent-home-panel,.enterprise-business{position:relative}
.agent-status-grid,.faq-grid,.persona-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.agent-status-grid article,.faq-grid article,.persona-grid article{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:22px;padding:22px;box-shadow:0 18px 46px rgba(0,0,0,.20)}
.agent-status-grid strong,.faq-grid h3,.persona-grid h3{display:block;color:#f6cd52;margin-bottom:8px}
.agent-status-grid p,.faq-grid p,.persona-grid p{color:#aab6d1;margin:0}
@media(max-width:980px){.agent-status-grid,.faq-grid,.persona-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.agent-status-grid,.faq-grid,.persona-grid{grid-template-columns:1fr}.main-nav .nav-link[href="agents.html"]{font-weight:800}}

/* 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;}}


/* JUNI homepage role hub - 7 user applications */
.juni-capability-card{width:min(480px,calc(100% - 32px))!important;max-width:480px!important;}
.juni-capability-card .assistant-title{letter-spacing:.12em!important;}
.juni-capability-card .assistant-title small{letter-spacing:.01em!important;color:#d8e2f7!important;}
.juni-role-actions{display:grid;gap:8px;margin:12px 0 14px;max-height:360px;overflow:auto;padding-right:3px;}
.juni-role-actions a{display:grid;grid-template-columns:126px 1fr;gap:10px;align-items:start;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);border-radius:12px;padding:10px 11px;color:#eef3ff;transition:.18s ease;}
.juni-role-actions a:hover{border-color:rgba(246,205,82,.65);background:rgba(246,205,82,.08);transform:translateY(-1px);}
.juni-role-actions strong{color:#f6cd52;font-size:12px;letter-spacing:.02em;line-height:1.22;}
.juni-role-actions span{font-size:12.5px;color:#eaf0ff;line-height:1.28;}
.juni-applications-section{padding-top:34px;}
.juni-application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;}
.juni-application-grid article{background:linear-gradient(145deg,rgba(8,24,52,.76),rgba(3,12,30,.82));border:1px solid rgba(77,163,255,.20);border-radius:18px;padding:22px;box-shadow:0 14px 46px rgba(0,0,0,.22);display:flex;flex-direction:column;gap:10px;min-height:245px;}
.juni-application-grid article h3{margin:0;color:#f8fbff;font-size:20px;}
.juni-application-grid article p{margin:0;color:#c5cee3;line-height:1.48;flex:1;}
.juni-application-grid article a{align-self:flex-start;margin-top:8px;}
@media (max-width:1240px){.juni-application-grid{grid-template-columns:repeat(2,1fr);}.juni-capability-card{width:calc(100% - 36px)!important;max-width:560px!important;}}
@media (max-width:620px){.juni-role-actions{max-height:none;}.juni-role-actions a{grid-template-columns:1fr;gap:3px;}.juni-role-actions span{font-size:13px;}.juni-application-grid{grid-template-columns:1fr;}.juni-application-grid article{min-height:auto;}}


/* JUNIQ top platform additions */
.role-pill-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.role-pill-grid a{font-size:12px;font-weight:800;letter-spacing:.02em;padding:8px 10px;border-radius:999px;border:1px solid rgba(246,205,82,.35);background:rgba(246,205,82,.08);color:#fff}.role-pill-grid a:hover{border-color:rgba(246,205,82,.75);transform:translateY(-1px)}.compact-role-card{max-width:min(460px,calc(100% - 40px))}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.steps-grid article{background:rgba(5,16,36,.72);border:1px solid rgba(94,149,255,.18);border-radius:20px;padding:22px}.steps-grid strong{display:inline-flex;width:34px;height:34px;border-radius:12px;align-items:center;justify-content:center;background:rgba(246,205,82,.12);border:1px solid rgba(246,205,82,.35);color:#f6cd52}.steps-grid h3{margin:14px 0 8px}.steps-grid p{color:#c9d2e8}.center{text-align:center}.clean-juni-card .assistant-card{z-index:3}.clean-juni-card picture{z-index:1}@media(max-width:900px){.steps-grid{grid-template-columns:1fr}.role-pill-grid a{font-size:11px}.assistant-card.floating{position:relative;left:auto;bottom:auto;margin:20px;width:auto}.juni-hero-card picture{position:relative;width:100%;height:auto;min-height:420px}.juni-hero-card{display:flex;flex-direction:column;min-height:auto}.juni-hero-card img{max-height:520px}}

/* JULY 2026 HERO POSITION FIX — JUNI even higher and bigger */
.hero.simple-hero{align-items:start;min-height:560px;padding-top:28px}
.hero-visual{display:flex;align-items:flex-start;justify-content:flex-end}
.no-overlay-hero{background:transparent!important;border:none!important;box-shadow:none!important;min-height:auto!important;padding:0!important;overflow:visible!important}
.no-overlay-hero .juni-image-link{display:block;align-self:flex-end;width:min(100%,720px);border-radius:28px;cursor:pointer}
.no-overlay-hero picture{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;padding:0!important}
.no-overlay-hero img{width:100%!important;height:auto!important;max-height:880px!important;object-fit:contain!important;object-position:right top!important;filter:saturate(1.03) drop-shadow(0 18px 44px rgba(0,0,0,.24))!important}
.no-overlay-hero .assistant-card.floating{position:relative!important;left:auto!important;bottom:auto!important;width:min(100%,540px)!important;max-width:540px!important;margin:10px 0 0 auto!important;padding:22px!important}
.no-overlay-hero .assistant-title{letter-spacing:.22em}
.no-overlay-hero .bubble{display:block}
@media (min-width:901px){
  .hero.simple-hero{grid-template-columns:.88fr 1.12fr}
  .hero-copy{padding-top:10px}
  .no-overlay-hero .juni-image-link{margin-top:-90px}
}
@media (max-width:900px){
  .hero.simple-hero{align-items:center;padding-top:24px}
  .hero-visual{justify-content:center}
  .no-overlay-hero .juni-image-link{width:min(100%,580px);margin:0 auto}
  .no-overlay-hero .assistant-card.floating{margin:12px auto 0!important}
}
/* JULY 2026 HEADER NAV BEAUTY FIX — centred full menu row */
@media (min-width:1001px){
  .site-header{
    height:auto!important;
    min-height:168px!important;
    padding:22px 0 16px!important;
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-areas:"brand spacer actions" "nav nav nav"!important;
    align-items:center!important;
    gap:12px 24px!important;
  }
  .site-header .brand{
    grid-area:brand!important;
    width:clamp(390px,32vw,590px)!important;
    margin:0!important;
  }
  .site-header .header-actions{
    grid-area:actions!important;
    justify-self:end!important;
    margin-left:0!important;
  }
  .site-header .main-nav{
    grid-area:nav!important;
    width:min(100%,1180px)!important;
    justify-self:center!important;
    margin:0 auto!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    border:1px solid rgba(246,205,82,.24)!important;
    background:linear-gradient(135deg,rgba(7,18,40,.72),rgba(3,10,25,.70))!important;
    border-radius:999px!important;
    box-shadow:0 16px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05)!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .site-header .main-nav::-webkit-scrollbar{display:none!important;}
  .site-header .nav-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 12px!important;
    border-radius:999px!important;
    font-size:clamp(12px,.82vw,14px)!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    color:#eaf0ff!important;
    white-space:nowrap!important;
    opacity:.94!important;
  }
  .site-header .nav-link:hover,
  .site-header .nav-link.active{
    color:#071225!important;
    background:linear-gradient(135deg,#f6cd52,#ffe89a)!important;
    box-shadow:0 8px 22px rgba(246,205,82,.16)!important;
  }
}
@media (min-width:1001px) and (max-width:1240px){
  .site-header .brand{width:clamp(330px,30vw,460px)!important;}
  .site-header .main-nav{width:100%!important;gap:5px!important;padding:7px!important;}
  .site-header .nav-link{font-size:12px!important;padding:8px 9px!important;}
  .site-header .btn.small{padding:9px 12px!important;font-size:13px!important;}
}


/* Footer gold line and quick page buttons — only footer update */
.footer-gold-line{display:inline-block;margin-top:8px;color:#f6cd52!important;-webkit-text-fill-color:#f6cd52!important;font-weight:900;letter-spacing:.08em;text-shadow:0 0 24px rgba(246,205,82,.24)}
.footer-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.footer-quick-links a{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;border:1px solid rgba(246,205,82,.44);background:rgba(246,205,82,.08);color:#f8fbff!important;font-size:12px;font-weight:800;letter-spacing:.02em}
.footer-quick-links a:hover{border-color:rgba(246,205,82,.8);background:rgba(246,205,82,.16);transform:translateY(-1px)}


/* JULY 2026 UNIVERSAL DEVICE + APP DOWNLOAD FIX */
html,body{max-width:100%;overflow-x:hidden!important;}
.site-shell,.site-footer,.trust-row,.university-launch,.institutions{max-width:100%;}
.university-launch{overflow:hidden;padding-left:18px!important;padding-right:18px!important;}
.university-launch .institutions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;}
.university-launch .institutions span{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;line-height:1.15!important;max-width:100%!important;word-break:normal!important;overflow-wrap:anywhere!important;}
.footer-app-downloads{margin:16px 0 16px;display:grid;gap:8px;max-width:100%;}
.footer-app-title{margin:0!important;color:#f6cd52!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-size:12px!important;}
.footer-app-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:100%;}
.footer-app-badges a{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;max-width:150px;transition:.2s ease;}
.footer-app-badges a:hover{transform:translateY(-1px);filter:brightness(1.08);}
.footer-app-badges img{height:42px;width:auto;max-width:150px;display:block;}
.footer-app-downloads small{color:#8f9bb4;font-size:12px;line-height:1.35;}
@media (max-width:620px){
  .site-shell{width:min(100% - 16px,560px)!important;}
  .university-launch{padding:20px 10px!important;margin-left:0!important;margin-right:0!important;border-radius:16px!important;}
  .university-launch p{font-size:11px!important;letter-spacing:.12em!important;line-height:1.35!important;margin-bottom:14px!important;}
  .university-launch .institutions{gap:7px!important;justify-content:center!important;}
  .university-launch .institutions span{font-size:11px!important;padding:7px 8px!important;min-width:auto!important;flex:0 1 auto!important;}
  .footer-app-badges{justify-content:flex-start;gap:8px;}
  .footer-app-badges img{height:38px;max-width:135px;}
}
@media (max-width:380px){
  .university-launch .institutions span{font-size:10.5px!important;padding:6px 7px!important;}
  .footer-app-badges img{height:36px;max-width:128px;}
}

/* JUNIQ UNIVERSAL MOBILE-FIRST RESPONSIVE LOCK — iPhone, Android, tablets */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body { -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
img, picture, video, canvas, svg, iframe, table {
  max-width: 100% !important;
}
img, picture, video, canvas, svg { height: auto; }
input, textarea, select, button { max-width: 100%; }
.site-shell, main, section, header, footer, .hero, .section, .split-section, .trust-row, .footer-brand, .footer-cols, .cta-row, .proof-row, .institutions, .juni-application-grid, .feature-grid, .industry-grid, .pricing-grid, .resource-grid, .steps, .prompt-grid, .app-cards, .dash-grid {
  max-width: 100% !important;
}
.site-shell {
  width: min(1500px, calc(100% - 32px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.long-market-row, .institutions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: visible !important;
}
.institutions span, .long-market-row span {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}
.footer-app-badges, .app-download-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}
.footer-app-badges img, .app-download-badges img {
  width: auto !important;
  max-width: 160px !important;
  height: 48px !important;
  object-fit: contain !important;
}
@media (max-width: 1180px) {
  .site-header {
    height: auto !important;
    min-height: 0 !important;
    padding: 16px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .site-header .brand, .brand {
    width: min(92vw, 720px) !important;
    max-width: 100% !important;
    flex: 0 1 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  .brand img { width: min(92vw, 720px) !important; max-width: 100% !important; }
  .main-nav {
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 8px !important;
    overflow: visible !important;
  }
  .nav-link {
    flex: 0 1 auto !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    padding: 8px 9px !important;
  }
  .header-actions {
    order: 2 !important;
    margin-left: 0 !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}
@media (max-width: 900px) {
  .site-shell { width: min(100% - 24px, 760px) !important; }
  .hero, .hero.simple-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    min-height: 0 !important;
    padding: 24px 0 36px !important;
  }
  .hero-copy, .hero-visual { width: 100% !important; max-width: 100% !important; }
  .hero h1 { font-size: clamp(34px, 10vw, 52px) !important; line-height: 1.06 !important; letter-spacing: -0.035em !important; }
  .lead { font-size: 16.5px !important; max-width: 100% !important; }
  .cta-row { gap: 10px !important; justify-content: center !important; }
  .cta-row .btn { flex: 1 1 220px !important; max-width: 100% !important; text-align: center !important; }
  .proof-row { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
  .no-overlay-hero .juni-image-link, .juni-hero-card picture {
    width: min(100%, 520px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .juni-hero-card img, .no-overlay-hero img {
    width: 100% !important;
    max-height: 540px !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  .assistant-card.floating, .no-overlay-hero .assistant-card.floating {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .role-pill-grid { justify-content: center !important; }
  .juni-application-grid, .feature-grid, .industry-grid, .pricing-grid, .resource-grid, .steps-grid, .steps, .prompt-grid, .app-cards, .dash-grid, .footer-cols, .upload-panel, .contact-panel, .split-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .site-footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    text-align: center !important;
  }
  .footer-brand img { margin-left: auto !important; margin-right: auto !important; }
  .footer-brand-actions, .footer-app-badges, .app-download-badges, .socials { justify-content: center !important; }
}
@media (max-width: 480px) {
  .site-shell { width: min(100% - 18px, 460px) !important; }
  .site-header { padding: 12px 0 !important; }
  .site-header .brand, .brand { width: min(94vw, 430px) !important; }
  .brand img { width: min(94vw, 430px) !important; }
  .main-nav {
    gap: 6px !important;
    padding: 8px 0 !important;
  }
  .nav-link {
    font-size: 12px !important;
    padding: 7px 8px !important;
    border: 1px solid rgba(246,205,82,.20) !important;
    border-radius: 999px !important;
    background: rgba(5,16,36,.52) !important;
  }
  .header-actions .btn, .signin { font-size: 13px !important; padding: 9px 12px !important; }
  .hero h1 { font-size: clamp(32px, 11vw, 42px) !important; }
  .lead { font-size: 15.5px !important; }
  .btn { width: 100% !important; padding: 13px 14px !important; }
  .cta-row .btn { flex-basis: 100% !important; }
  .eyebrow { max-width: 100% !important; white-space: normal !important; text-align: center !important; justify-content: center !important; }
  .institutions span, .long-market-row span {
    flex: 1 1 calc(50% - 10px) !important;
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    padding: 8px 8px !important;
  }
  .footer-app-badges a, .app-download-badges a { flex: 1 1 140px !important; }
  .footer-app-badges img, .app-download-badges img { max-width: 145px !important; height: 44px !important; }
  .assistant-title { letter-spacing: .08em !important; }
  .role-pill-grid a { flex: 1 1 calc(50% - 8px) !important; text-align: center !important; }
}
@media (max-width: 360px) {
  .site-shell { width: min(100% - 14px, 346px) !important; }
  .nav-link { font-size: 11px !important; padding: 6px 7px !important; }
  .institutions span, .long-market-row span { flex-basis: 100% !important; }
  .role-pill-grid a { flex-basis: 100% !important; }
}


/* FINAL GOLD HEADING OVERRIDE — sitewide page and flow headings only */
main h2:not(.gold-split-title),
main h3,
main h4,
.section h2:not(.gold-split-title),
.split-section h2:not(.gold-split-title),
.cta-band h2:not(.gold-split-title),
.feature-card h3,
.industry-grid h3,
.pricing-grid h3,
.resource-grid h3,
.stack-cards h3,
.enterprise-card h3,
.business-card h3,
.assurance-card h3,
.agent-card h3,
.model-card h3,
.juni-application-grid article h3,
.app-cards article h3,
.dash-grid article h3,
.steps article h3,
.prompt-grid h3,
.upload-panel h3,
.contact-panel h3,
.legal-text h2,
.legal-text h3,
.legal-text h4 {
  color:#f6cd52 !important;
  -webkit-text-fill-color:#f6cd52 !important;
  text-shadow:0 0 26px rgba(246,205,82,.12);
}

/* Preserve intentional split-title styling */
main .gold-split-title,
main .gold-split-title .split-white,
main .gold-split-title .split-gold {
  text-shadow:inherit;
}


/* Platform page JUNI presence — adds her image to the business flow only */
.platform-business-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:28px;
  align-items:stretch;
  margin-top:26px;
}
.platform-business-flow .business-grid{margin-top:0;}
.platform-juni-presence{
  position:relative;
  min-height:100%;
  border:1px solid rgba(246,205,82,.24);
  border-radius:24px;
  overflow:hidden;
  background:radial-gradient(circle at 72% 12%,rgba(246,205,82,.20),transparent 35%),linear-gradient(145deg,rgba(8,24,52,.76),rgba(3,12,30,.86));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.platform-juni-presence picture{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:560px;
  padding:18px 0 0;
}
.platform-juni-presence img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:saturate(1.04) drop-shadow(0 22px 48px rgba(0,0,0,.34));
}
@media (max-width:1180px){
  .platform-business-flow{grid-template-columns:1fr;}
  .platform-juni-presence{max-width:680px;margin:0 auto;width:100%;}
  .platform-juni-presence picture{min-height:430px;}
}
@media (max-width:640px){
  .platform-business-flow{gap:18px;}
  .platform-juni-presence{border-radius:20px;}
  .platform-juni-presence picture{min-height:340px;padding-top:10px;}
  .platform-juni-presence img{max-height:430px;}
}


/* JULY 2026 — JUNI AMAZING SITEWIDE ENHANCEMENT */
@media (min-width: 901px){
  .hero.simple-hero{grid-template-columns:.82fr 1.18fr!important;gap:42px!important;}
  .hero-visual{align-items:flex-start!important;justify-content:flex-end!important;}
  .juni-hero-card{min-height:620px!important;border-radius:30px!important;overflow:visible!important;border:1px solid rgba(246,205,82,.22)!important;box-shadow:0 34px 110px rgba(0,0,0,.38)!important;background:radial-gradient(circle at 75% 14%,rgba(246,205,82,.18),transparent 26%),linear-gradient(145deg,rgba(12,36,82,.48),rgba(3,12,30,.94))!important;}
  .juni-hero-card picture{width:54%!important;padding-top:0!important;}
  .juni-hero-card img{transform:scale(1.08)!important;transform-origin:right bottom!important;filter:saturate(1.06) contrast(1.03) drop-shadow(0 28px 74px rgba(0,0,0,.44))!important;}
  .assistant-card.floating{left:24px!important;bottom:26px!important;width:min(430px,calc(100% - 48px))!important;padding:24px!important;border-radius:20px!important;background:linear-gradient(160deg,rgba(4,13,30,.78),rgba(7,22,52,.72))!important;border:1px solid rgba(246,205,82,.18)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;}
  .assistant-title strong{font-size:18px!important;}
  .assistant-title small{font-size:12px!important;}
  .bubble{font-size:15px!important;}
  .compact-role-card{max-width:min(470px,calc(100% - 48px))!important;}
  .no-overlay-hero .juni-image-link{width:min(100%,860px)!important;margin-top:-120px!important;}
  .no-overlay-hero img{max-height:980px!important;object-position:right top!important;}
  .no-overlay-hero .assistant-card.floating{max-width:500px!important;margin-top:8px!important;}
  .platform-juni-presence{border-radius:28px!important;box-shadow:0 30px 90px rgba(0,0,0,.32)!important;}
  .platform-juni-presence picture{min-height:680px!important;padding-top:10px!important;}
  .platform-juni-presence img{transform:scale(1.05)!important;transform-origin:center bottom!important;filter:saturate(1.06) drop-shadow(0 28px 60px rgba(0,0,0,.42))!important;}
}
@media (max-width: 900px){
  .juni-hero-card{border-radius:24px!important;overflow:hidden!important;}
  .juni-hero-card img,.no-overlay-hero img{max-height:620px!important;}
  .platform-juni-presence picture{min-height:460px!important;}
}


/* JULY 2026 — JUNI BIGGER ON THE RIGHT OF ALL PAGES */
@media (min-width: 901px){
  .hero.simple-hero,
  .enterprise-juni-hero{grid-template-columns:.74fr 1.26fr!important;gap:40px!important;}
  .hero-visual{align-items:flex-start!important;justify-content:flex-end!important;}
  .juni-hero-card picture{width:60%!important;}
  .juni-hero-card img{transform:scale(1.16)!important;transform-origin:right bottom!important;}
  .platform-juni-presence picture{min-height:760px!important;padding-top:0!important;}
  .platform-juni-presence img{transform:scale(1.12)!important;transform-origin:center bottom!important;}
  .no-overlay-hero .juni-image-link{width:min(100%,980px)!important;margin-top:-160px!important;}
  .no-overlay-hero img{max-height:1120px!important;object-position:right top!important;}
  .enterprise-juni-portrait-wrap{width:min(96vw,760px)!important;}
  .enterprise-juni-portrait{max-height:860px!important;transform:scale(1.10)!important;transform-origin:center bottom!important;filter:saturate(1.06) drop-shadow(0 34px 76px rgba(0,0,0,.46))!important;}
  .juni-hero-image img,
  .hero picture img[src*="juni-clean-right"],
  .hero picture img[src*="juni-portrait"],
  img.agent-lux-portrait,
  .juni-side-card img,
  .vault-visual-card picture img,
  .app-juni picture img{transform:scale(1.10);transform-origin:right bottom;}
}
@media (max-width: 900px){
  .enterprise-juni-portrait{max-height:660px!important;}
}


/* JULY 2026 — TITLE COLOUR LOCK: split titles white/gold, headings gold */
h1.gold-split-title .split-white,
h2.gold-split-title .split-white,
.gold-split-title .juniq-force-white,
.agent-lux-copy h1 .white{
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  background:none!important;
  text-shadow:0 0 32px rgba(255,255,255,.10)!important;
}
h1.gold-split-title .split-gold,
h2.gold-split-title .split-gold,
.gold-split-title .juniq-force-gold,
.agent-lux-copy h1 .gold{
  color:#f6cd52!important;
  -webkit-text-fill-color:#f6cd52!important;
  background:none!important;
  text-shadow:0 0 32px rgba(246,205,82,.30)!important;
}
.section h2:not(.gold-split-title),
.section h3,
.feature-card h3,
.business-card h3,
.enterprise-card h3,
.agent-card h3,
.assurance-card h3,
.truth-table h3,
.faq-grid h3,
.persona-grid h3,
.stack-cards h3,
.resource-grid h3{
  color:#f6cd52!important;
  -webkit-text-fill-color:#f6cd52!important;
}

/* JULY 2026 — FOOTER COLUMN HEADINGS GOLD ONLY */
.site-footer .footer-cols h4{
  color:#f6cd52!important;
  -webkit-text-fill-color:#f6cd52!important;
  text-shadow:0 0 24px rgba(246,205,82,.22)!important;
}


/* JULY 2026 — BOND FREE ACCESS FEATURE + MENU */
.nav-link.free-access-link{
  color:#42ed9d!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:0 0 18px rgba(66,237,157,.18)!important;
}
.nav-link.free-access-link:hover{color:#8fffc6!important;}
.bond-free-section{
  position:relative;
  margin-top:10px;
  padding-top:64px!important;
}
.bond-free-section:before{
  content:"";
  position:absolute;
  inset:16px 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(66,237,157,.55),rgba(246,205,82,.26),transparent);
}
.bond-free-head{max-width:980px;margin:0 auto 26px;text-align:center;}
.bond-exclusive{
  color:#42ed9d!important;
  border-color:rgba(66,237,157,.42)!important;
  background:rgba(66,237,157,.08)!important;
}
.bond-green-title{
  color:#42ed9d!important;
  -webkit-text-fill-color:#42ed9d!important;
  text-shadow:0 0 34px rgba(66,237,157,.30)!important;
}
.bond-green-text,.private-access-green,.pricing-green{
  color:#42ed9d!important;
  font-weight:900!important;
}
.bond-access-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:22px;
  align-items:stretch;
}
.bond-free-card,.homepage-plan-stack article{
  background:linear-gradient(145deg,rgba(7,37,35,.82),rgba(3,12,30,.78));
  border:1px solid rgba(66,237,157,.30);
  border-radius:24px;
  box-shadow:0 22px 70px rgba(0,0,0,.26),0 0 36px rgba(66,237,157,.06);
}
.bond-free-card{padding:30px;}
.bond-pill{
  display:inline-flex;
  color:#061427;
  background:linear-gradient(135deg,#42ed9d,#8fffc6);
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bond-free-card h3{font-size:32px;margin:18px 0 8px;color:#f6cd52!important;}
.bond-price{font-size:42px;font-weight:1000;margin:8px 0 12px;color:#42ed9d!important;}
.bond-price span{font-size:16px;color:#c9d2e8;font-weight:700;}
.bond-free-card p,.homepage-plan-stack p{color:#c9d2e8;}
.bond-free-card ul{display:grid;gap:9px;margin:16px 0 4px;padding-left:20px;color:#e8fff4;}
.btn.green{background:linear-gradient(135deg,#42ed9d,#10b981)!important;border-color:rgba(66,237,157,.80)!important;color:#061427!important;box-shadow:0 14px 38px rgba(66,237,157,.18)!important;}
.homepage-plan-stack{display:grid;gap:14px;}
.homepage-plan-stack article{padding:20px;}
.homepage-plan-stack span{display:inline-flex;color:#42ed9d;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.10em;}
.homepage-plan-stack strong{display:block;font-size:22px;color:#f6cd52;margin:8px 0 2px;}
.homepage-plan-stack b{display:block;color:#fff;font-size:18px;margin-bottom:6px;}
.homepage-plan-stack a{color:#42ed9d;font-weight:900;}
@media(max-width:900px){.bond-access-grid{grid-template-columns:1fr;}.bond-free-card{padding:24px;}.bond-price{font-size:36px;}}


/* JULY 2026 — BOND UNIVERSITY FREE ACCESS FORM */
.bond-request-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:24px;align-items:start;margin-top:30px;}
.bond-request-form,.bond-access-side{background:linear-gradient(145deg,rgba(8,24,52,.78),rgba(3,12,30,.82));border:1px solid rgba(66,237,157,.22);border-radius:22px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.22);}
.bond-request-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.bond-request-form label{display:grid;gap:8px;color:#e8fff4;font-weight:800;font-size:13px;letter-spacing:.02em;}
.bond-request-form label.full{grid-column:1/-1;}
.bond-request-form input,.bond-request-form select,.bond-request-form textarea{width:100%;border:1px solid rgba(66,237,157,.22);background:rgba(0,0,0,.20);color:#fff;border-radius:13px;padding:13px 14px;font:inherit;outline:none;}
.bond-request-form textarea{min-height:120px;resize:vertical;}
.bond-request-form input:focus,.bond-request-form select:focus,.bond-request-form textarea:focus{border-color:rgba(66,237,157,.75);box-shadow:0 0 0 3px rgba(66,237,157,.10);}
.bond-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;color:#dceee6!important;line-height:1.45;}
.bond-check input{width:18px!important;margin-top:3px;}
.bond-request-form button{justify-self:start;}
.bond-request-form .form-note{grid-column:1/-1;color:#42ed9d;font-weight:800;}
.bond-access-side h3{font-size:30px;margin:18px 0 12px;color:#f6cd52!important;}
.bond-access-side ul{display:grid;gap:10px;margin:16px 0 18px;padding-left:20px;color:#e8fff4;}
.bond-small-note{color:#9fb2c8;font-size:13px;line-height:1.55;margin-top:20px;}
@media(max-width:900px){.bond-request-grid,.bond-request-form{grid-template-columns:1fr;}.bond-request-form button{width:100%;}}


/* ===============================
   JUNI full portrait on every page
   Uniform, no overlays, clean gold/white styling
   =============================== */
.juni-uniform-top-section{
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,520px) !important;
  gap:clamp(28px,4vw,72px) !important;
  align-items:center !important;
}
.juni-uniform-copy{min-width:0;max-width:760px;}
.juni-uniform-copy .cta-row{align-items:center;}
.juni-uniform-visual{
  justify-self:end;
  width:min(100%,520px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}
.juni-uniform-portrait-link{
  display:block;
  width:100%;
  text-decoration:none;
  border-radius:34px;
  padding:16px 16px 0;
  background:
    radial-gradient(circle at 68% 12%,rgba(246,205,82,.20),transparent 34%),
    linear-gradient(180deg,rgba(11,20,38,.98),rgba(7,13,28,.98));
  border:1px solid rgba(246,205,82,.28);
  box-shadow:0 28px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);
}
.juni-uniform-portrait-link picture,
.juni-uniform-portrait-link img{
  display:block;
  width:100%;
}
.juni-uniform-portrait-link img{
  height:auto !important;
  max-height:min(76vh,780px) !important;
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:26px 26px 0 0;
  filter:saturate(1.03) drop-shadow(0 22px 48px rgba(0,0,0,.32));
}
.juni-uniform-ask{
  min-width:180px;
  justify-content:center;
  letter-spacing:.18em;
  text-transform:uppercase;
}
/* remove older floating overlays when top portrait is present */
.juni-uniform-top-section .assistant-card,
.juni-uniform-top-section .chat-card,
.juni-uniform-top-section .enterprise-card,
.juni-uniform-top-section .compact-role-card,
.juni-uniform-top-section .floating,
.juni-uniform-top-section .role-pill-grid,
.juni-uniform-top-section .mini-input,
.juni-uniform-top-section .juni-mini-head,
.juni-uniform-top-section .bubble,
.juni-uniform-top-section .message{display:none !important;}
.juni-uniform-top-section .hero-visual,
.juni-uniform-top-section .juni-hero-card,
.juni-uniform-top-section .clean-juni-card,
.juni-uniform-top-section .hero-copy,
.juni-uniform-top-section .enterprise-juni-visual,
.juni-uniform-top-section .enterprise-panel,
.juni-uniform-top-section .hero-visual{
  max-width:none;
}
@media (max-width:1024px){
  .juni-uniform-top-section{
    grid-template-columns:1fr !important;
    text-align:center;
  }
  .juni-uniform-copy{max-width:none;margin:0 auto;}
  .juni-uniform-copy .cta-row,
  .juni-uniform-copy .proof-row,
  .juni-uniform-copy .business-badge-row,
  .juni-uniform-copy .pricing-kicker{justify-content:center;}
  .juni-uniform-visual{justify-self:center;width:min(100%,540px);}
}
@media (max-width:640px){
  .juni-uniform-top-section{gap:24px !important;}
  .juni-uniform-portrait-link{padding:12px 12px 0;border-radius:24px;}
  .juni-uniform-portrait-link img{max-height:none;}
}


/* === FINAL MOBILE-FIRST JUNI COVER GIRL OVERRIDES === */
@media (max-width: 1024px){
  .site-header{
    min-height:auto !important;
    height:auto !important;
    padding:10px 0 !important;
  }
  .site-header .brand, .brand{
    width:min(92vw,520px) !important;
    max-width:92vw !important;
    min-width:0 !important;
  }
  .brand img, .site-header .brand img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
  }
  .main-nav.open{top:100% !important;}

  .juni-uniform-top-section{
    grid-template-columns:1fr !important;
    gap:20px !important;
    align-items:start !important;
  }
  .juni-uniform-copy{
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    text-align:center !important;
  }
  .juni-uniform-visual{
    order:1 !important;
    justify-self:center !important;
    align-self:start !important;
    width:min(100%,620px) !important;
    max-width:100% !important;
    margin:0 auto !important;
    gap:16px !important;
  }
  .juni-uniform-portrait-link{
    width:100% !important;
    padding:14px 14px 0 !important;
    border-radius:28px !important;
  }
  .juni-uniform-portrait-link img{
    width:100% !important;
    height:auto !important;
    max-height:min(76vh,760px) !important;
    object-fit:contain !important;
    object-position:center top !important;
  }
  .juni-uniform-ask{
    min-width:220px !important;
  }
}

@media (max-width: 768px){
  .site-shell{width:min(100% - 16px, 680px) !important;}
  .site-header .brand, .brand{width:min(94vw,420px) !important;}
  .juni-uniform-top-section{
    padding-top:10px !important;
    gap:18px !important;
  }
  .juni-uniform-visual{
    width:min(100%,500px) !important;
  }
  .juni-uniform-portrait-link{
    padding:12px 12px 0 !important;
    border-radius:24px !important;
  }
  .juni-uniform-portrait-link img{
    max-height:min(72vh,640px) !important;
    border-radius:20px 20px 0 0 !important;
  }
  .juni-uniform-copy .cta-row,
  .juni-uniform-copy .proof-row,
  .juni-uniform-copy .business-badge-row,
  .juni-uniform-copy .pricing-kicker{
    justify-content:center !important;
  }
}

@media (max-width: 480px){
  .site-shell{width:calc(100% - 14px) !important;}
  .site-header .brand, .brand{width:min(94vw,360px) !important;}
  .site-header .brand img, .brand img{max-height:none !important;}
  .juni-uniform-top-section{
    gap:16px !important;
  }
  .juni-uniform-visual{
    width:100% !important;
  }
  .juni-uniform-portrait-link{
    padding:10px 10px 0 !important;
    border-radius:22px !important;
  }
  .juni-uniform-portrait-link img{
    max-height:min(68vh,560px) !important;
    border-radius:18px 18px 0 0 !important;
  }
  .juni-uniform-ask{
    width:100% !important;
    min-width:0 !important;
  }
}


/* === HOMEPAGE ONLY: JUNI AS MAIN COVER FEATURE === */
.home-cover-juni-page{
  overflow-x:hidden;
}
.home-cover-juni-hero{
  grid-template-columns:minmax(360px,.58fr) minmax(620px,1.42fr) !important;
  min-height:calc(100vh - 110px) !important;
  gap:clamp(24px,3.4vw,72px) !important;
  align-items:center !important;
  padding-top:clamp(28px,5vh,70px) !important;
  padding-bottom:clamp(36px,6vh,88px) !important;
}
.home-cover-juni-hero .juni-uniform-copy{
  max-width:620px !important;
  position:relative;
  z-index:2;
}
.home-cover-juni-hero .juni-uniform-copy .lead{
  max-width:590px;
}
.home-cover-juni-hero .juni-uniform-visual{
  width:min(100%,980px) !important;
  max-width:980px !important;
  justify-self:end !important;
  gap:20px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link{
  padding:22px 22px 0 !important;
  border-radius:44px !important;
  background:
    radial-gradient(circle at 62% 10%,rgba(246,205,82,.22),transparent 34%),
    linear-gradient(180deg,rgba(11,20,38,.98),rgba(7,13,28,.98));
  box-shadow:0 38px 94px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link img{
  max-height:min(88vh,1050px) !important;
  width:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
}
.home-cover-juni-hero .juni-uniform-ask{
  min-width:260px !important;
  padding:16px 28px !important;
  font-size:15px !important;
}
@media (max-width: 1280px){
  .home-cover-juni-hero{
    grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr) !important;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,780px) !important;
  }
}
@media (max-width: 1024px){
  .home-cover-juni-hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding-top:14px !important;
    gap:22px !important;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    order:1 !important;
    width:min(100%,720px) !important;
    justify-self:center !important;
  }
  .home-cover-juni-hero .juni-uniform-copy{
    order:2 !important;
    text-align:center !important;
    max-width:780px !important;
    margin:0 auto !important;
  }
  .home-cover-juni-hero .juni-uniform-copy .lead{
    margin-left:auto;
    margin-right:auto;
  }
  .home-cover-juni-hero .cta-row,
  .home-cover-juni-hero .proof-row{
    justify-content:center !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(72vh,760px) !important;
  }
}
@media (max-width: 768px){
  .home-cover-juni-hero{
    padding-top:8px !important;
    gap:18px !important;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,560px) !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link{
    padding:12px 12px 0 !important;
    border-radius:26px !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(66vh,620px) !important;
    border-radius:20px 20px 0 0 !important;
  }
  .home-cover-juni-hero .juni-uniform-ask{
    min-width:220px !important;
  }
}
@media (max-width: 480px){
  .home-cover-juni-hero .juni-uniform-visual{
    width:100% !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link{
    padding:10px 10px 0 !important;
    border-radius:22px !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(62vh,520px) !important;
  }
  .home-cover-juni-hero .juni-uniform-ask{
    width:100% !important;
    min-width:0 !important;
  }
}

/* === HOMEPAGE HERO MONETISATION + BIGGER JUNI === */
.home-cover-juni-hero{
  grid-template-columns:minmax(360px,.74fr) minmax(700px,1.56fr) !important;
  gap:clamp(20px,2.8vw,56px) !important;
}
.home-cover-juni-hero .juni-uniform-copy{
  max-width:640px !important;
}
.home-cover-juni-hero .hero-main-title{
  font-size:clamp(3rem,5.6vw,5.2rem) !important;
  line-height:.96 !important;
  margin-bottom:16px !important;
}
.home-cover-juni-hero .juni-uniform-copy .lead{
  font-size:clamp(1.05rem,1.6vw,1.24rem);
  max-width:620px !important;
  color:rgba(245,248,255,.88);
}
.home-cover-juni-hero .hero-top-ctas{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:22px 0 18px;
}
.home-cover-juni-hero .hero-plan-glance{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:12px;
}
.home-cover-juni-hero .hero-plan-card{
  background:linear-gradient(180deg,rgba(14,23,42,.94),rgba(9,15,30,.98));
  border:1px solid rgba(246,205,82,.18);
  border-radius:24px;
  padding:18px 18px 16px;
  box-shadow:0 18px 46px rgba(0,0,0,.24);
}
.home-cover-juni-hero .hero-plan-card.bond{
  border-color:rgba(66,237,157,.36);
  box-shadow:0 18px 46px rgba(0,0,0,.24), 0 0 0 1px rgba(66,237,157,.06) inset;
}
.home-cover-juni-hero .hero-plan-kicker{
  display:block;
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(248,251,255,.64);
  margin-bottom:7px;
}
.home-cover-juni-hero .hero-plan-card.bond .hero-plan-kicker{color:#42ed9d;}
.home-cover-juni-hero .hero-plan-card strong{
  display:block;
  font-size:1.05rem;
  color:#fff;
  margin-bottom:6px;
}
.home-cover-juni-hero .hero-plan-card b{
  display:block;
  font-size:1.35rem;
  color:#f6cd52;
  margin-bottom:8px;
}
.home-cover-juni-hero .hero-plan-card.bond b{color:#42ed9d;}
.home-cover-juni-hero .hero-plan-card p{
  margin:0 0 10px;
  color:rgba(245,248,255,.82);
  font-size:.95rem;
  line-height:1.45;
}
.home-cover-juni-hero .hero-plan-card a{
  color:#f6cd52;
  font-weight:700;
  text-decoration:none;
}
.home-cover-juni-hero .hero-plan-card.bond a{color:#42ed9d;}
.home-cover-juni-hero .hero-fine-print{
  margin-top:16px;
  font-size:.95rem;
  color:rgba(245,248,255,.78);
}
.home-cover-juni-hero .juni-uniform-visual{
  width:min(100%,1120px) !important;
  max-width:1120px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link{
  padding:24px 24px 0 !important;
  border-radius:46px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link img{
  max-height:min(93vh,1180px) !important;
}
.home-cover-juni-hero .juni-uniform-ask{
  min-width:300px !important;
}

@media (max-width: 1360px){
  .home-cover-juni-hero{
    grid-template-columns:minmax(320px,.84fr) minmax(600px,1.36fr) !important;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,920px) !important;
  }
}
@media (max-width: 1180px){
  .home-cover-juni-hero .hero-plan-glance{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width: 1024px){
  .home-cover-juni-hero .hero-main-title{
    font-size:clamp(2.5rem,9vw,4.25rem) !important;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,760px) !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(74vh,820px) !important;
  }
  .home-cover-juni-hero .hero-top-ctas{
    justify-content:center;
  }
}
@media (max-width: 768px){
  .home-cover-juni-hero .hero-plan-glance{
    grid-template-columns:1fr;
    gap:12px;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,620px) !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(70vh,680px) !important;
  }
  .home-cover-juni-hero .hero-top-ctas .btn{
    width:100%;
    justify-content:center;
  }
  .home-cover-juni-hero .hero-fine-print{
    text-align:center;
  }
}
@media (max-width: 480px){
  .home-cover-juni-hero .juni-uniform-visual{
    width:100% !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(68vh,620px) !important;
  }
  .home-cover-juni-hero .hero-plan-card{
    padding:16px;
    border-radius:20px;
  }
}

/* === FINAL MONEY COLOUR SYSTEM: GOLD HEADINGS, WHITE KEY VALUE === */
.home-cover-juni-hero h1,
.home-cover-juni-hero h2,
.home-cover-juni-hero h3,
.hero-plan-card strong,
.pricing-grid h3,
.paid-plan-card h3,
.bonus-card h3,
.why-pay-list strong,
.stripe-plan-grid h3,
.stripe-subscribe-page h1,
.stripe-subscribe-page h2{
  color:#f6cd52 !important;
  -webkit-text-fill-color:#f6cd52 !important;
  text-shadow:0 0 30px rgba(246,205,82,.24) !important;
}
.home-cover-juni-hero .lead,
.hero-plan-card b,
.hero-plan-card p,
.hero-plan-card a,
.plan-subtitle,
.plan-value-line span,
.plan-bonus,
.why-pay-list span,
.bonus-card p,
.pricing-grid li,
.pricing-grid p,
.stripe-plan-grid b,
.stripe-plan-grid p,
.stripe-note p{
  color:#f8fbff !important;
  -webkit-text-fill-color:#f8fbff !important;
}
.hero-plan-card.bond strong,
.hero-plan-card.bond b,
.hero-plan-card.bond a,
.bond-green-title,
.bond-green-text,
.bond-only-green{
  color:#42ed9d !important;
  -webkit-text-fill-color:#42ed9d !important;
  text-shadow:0 0 24px rgba(66,237,157,.18) !important;
}
.hero-plan-card,
.paid-plan-card,
.bond-student-card,
.bonus-card,
.stripe-plan-grid article,
.stripe-note{
  border-color:rgba(246,205,82,.26) !important;
}
.stripe-subscribe-page{padding-top:clamp(44px,6vw,88px);}
.stripe-plan-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.stripe-plan-grid article{
  background:linear-gradient(180deg,rgba(14,23,42,.94),rgba(7,13,28,.98));
  border:1px solid rgba(246,205,82,.24);
  border-radius:24px;
  padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
}
.stripe-plan-grid article span{
  display:block;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#f6cd52;
  font-size:12px;
  margin-bottom:10px;
}
.stripe-plan-grid article b{display:block;font-size:28px;margin:10px 0 12px;}
.stripe-plan-grid article p{min-height:88px;}
.stripe-note{
  margin-top:26px;
  padding:24px;
  border-radius:24px;
  background:rgba(7,13,28,.76);
}
@media(max-width:1100px){.stripe-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.stripe-plan-grid{grid-template-columns:1fr;}.stripe-plan-grid article p{min-height:auto;}}


/* === FINAL OVERRIDE: JUNI BIGGER ACROSS WEBSITE, TABLET AND MOBILE === */
.juni-uniform-top-section{
  grid-template-columns:minmax(0,1fr) minmax(360px,620px) !important;
  gap:clamp(22px,3vw,56px) !important;
}
.juni-uniform-copy{
  max-width:700px !important;
}
.juni-uniform-visual{
  width:min(100%,620px) !important;
  max-width:620px !important;
  justify-self:end !important;
}
.juni-uniform-portrait-link{
  padding:18px 18px 0 !important;
  border-radius:38px !important;
}
.juni-uniform-portrait-link img{
  max-height:min(84svh,980px) !important;
  width:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
}
.juni-uniform-ask{
  min-width:240px !important;
  padding:15px 28px !important;
}

.home-cover-juni-hero{
  grid-template-columns:minmax(300px,.70fr) minmax(760px,1.75fr) !important;
  gap:clamp(18px,2.4vw,44px) !important;
  align-items:center !important;
}
.home-cover-juni-hero .juni-uniform-copy{
  max-width:560px !important;
}
.home-cover-juni-hero .juni-uniform-visual{
  width:min(100%,1280px) !important;
  max-width:1280px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link{
  padding:26px 26px 0 !important;
  border-radius:48px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link img{
  max-height:min(96svh,1320px) !important;
}
.home-cover-juni-hero .juni-uniform-ask{
  min-width:320px !important;
}

@media (max-width:1360px){
  .home-cover-juni-hero{
    grid-template-columns:minmax(300px,.82fr) minmax(620px,1.48fr) !important;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,1040px) !important;
  }
}

@media (max-width:1024px){
  .juni-uniform-top-section{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  .juni-uniform-copy{
    order:2 !important;
    max-width:100% !important;
    text-align:center !important;
  }
  .juni-uniform-visual{
    order:1 !important;
    width:min(100%,760px) !important;
    max-width:100% !important;
    justify-self:center !important;
    margin:0 auto !important;
  }
  .juni-uniform-portrait-link img{
    max-height:min(82svh,980px) !important;
  }

  .home-cover-juni-hero{
    grid-template-columns:1fr !important;
  }
  .home-cover-juni-hero .juni-uniform-copy{
    order:2 !important;
    max-width:760px !important;
  }
  .home-cover-juni-hero .juni-uniform-visual{
    order:1 !important;
    width:min(100%,860px) !important;
    max-width:100% !important;
  }
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(82svh,980px) !important;
  }
}

@media (max-width:768px){
  .juni-uniform-top-section,
  .home-cover-juni-hero{
    gap:18px !important;
  }
  .juni-uniform-visual,
  .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,660px) !important;
  }
  .juni-uniform-portrait-link,
  .home-cover-juni-hero .juni-uniform-portrait-link{
    padding:14px 14px 0 !important;
    border-radius:28px !important;
  }
  .juni-uniform-portrait-link img,
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(78svh,860px) !important;
    border-radius:22px 22px 0 0 !important;
  }
  .juni-uniform-ask,
  .home-cover-juni-hero .juni-uniform-ask{
    min-width:240px !important;
  }
}

@media (max-width:480px){
  .site-shell{
    width:calc(100% - 12px) !important;
  }
  .juni-uniform-visual,
  .home-cover-juni-hero .juni-uniform-visual{
    width:100% !important;
    max-width:100% !important;
  }
  .juni-uniform-portrait-link,
  .home-cover-juni-hero .juni-uniform-portrait-link{
    padding:10px 10px 0 !important;
    border-radius:22px !important;
  }
  .juni-uniform-portrait-link img,
  .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(74svh,760px) !important;
    width:100% !important;
    border-radius:18px 18px 0 0 !important;
  }
  .juni-uniform-ask,
  .home-cover-juni-hero .juni-uniform-ask{
    width:100% !important;
    min-width:0 !important;
  }
}


/* === v159: JUNI LARGER EVERYWHERE + APP READY === */
.juni-uniform-top-section{
  grid-template-columns:minmax(0,.92fr) minmax(420px,740px) !important;
  gap:clamp(18px,2.6vw,48px) !important;
}
.juni-uniform-visual{
  width:min(100%,740px) !important;
  max-width:740px !important;
}
.juni-uniform-portrait-link{
  padding:20px 20px 0 !important;
  border-radius:42px !important;
}
.juni-uniform-portrait-link img{
  max-height:min(88svh,1080px) !important;
  object-fit:contain !important;
  object-position:center top !important;
}
.home-cover-juni-hero{
  grid-template-columns:minmax(280px,.62fr) minmax(820px,1.9fr) !important;
  gap:clamp(16px,2vw,36px) !important;
}
.home-cover-juni-hero .juni-uniform-copy{max-width:540px !important;}
.home-cover-juni-hero .juni-uniform-visual{
  width:min(100%,1380px) !important;
  max-width:1380px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link img{
  max-height:min(98svh,1420px) !important;
}
.app-install-card{
  border:1px solid rgba(246,205,82,.28);
  background:linear-gradient(180deg,rgba(14,23,42,.95),rgba(7,12,26,.98));
  border-radius:28px;
  padding:24px;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.free-access-white{color:#f8fbff!important;font-weight:900!important;}
.free-access-gold{color:#f6cd52!important;font-weight:900!important;}
.free-access-green{color:#42ed9d!important;font-weight:900!important;}
@media (max-width:1360px){
  .home-cover-juni-hero{grid-template-columns:minmax(280px,.78fr) minmax(640px,1.52fr) !important;}
  .home-cover-juni-hero .juni-uniform-visual{width:min(100%,1120px) !important;}
}
@media (max-width:1024px){
  .juni-uniform-top-section,.home-cover-juni-hero{grid-template-columns:1fr !important;}
  .juni-uniform-copy,.home-cover-juni-hero .juni-uniform-copy{order:2 !important;text-align:center !important;max-width:840px !important;margin:auto !important;}
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{order:1 !important;width:min(100%,900px) !important;max-width:100% !important;justify-self:center !important;}
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{max-height:min(84svh,1040px) !important;}
}
@media (max-width:768px){
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{width:min(100%,720px) !important;}
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{padding:14px 14px 0 !important;border-radius:28px !important;}
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{max-height:min(80svh,900px) !important;}
}
@media (max-width:480px){
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{width:100% !important;}
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{padding:8px 8px 0 !important;border-radius:20px !important;}
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{max-height:min(76svh,820px) !important;}
}


/* === PAYMENT BUTTON FIXES: make plan cards obvious and clickable === */
.clickable-plan{cursor:pointer;transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;}
.clickable-plan:hover{transform:translateY(-2px);border-color:rgba(246,205,82,.65)!important;box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(246,205,82,.12) inset!important;}
.stripe-plan-grid article,.hero-plan-card{position:relative;}
.stripe-plan-grid button,.hero-plan-card a{position:relative;z-index:2;}
.pay-page .stripe-plan-grid article h3,.pay-page .stripe-plan-grid article b{color:#f6cd52!important;}
.pay-page .stripe-plan-grid article p{color:#f8fbff!important;}
.pay-page .stripe-plan-grid article.bond h3,.pay-page .stripe-plan-grid article.bond b{color:#42ed9d!important;}


/* === v162: JUNI BIGGER ON DESKTOP, TABLET AND MOBILE === */
.juni-uniform-top-section{
  grid-template-columns:minmax(0,.78fr) minmax(480px,860px) !important;
  gap:clamp(20px,2vw,48px) !important;
}
.juni-uniform-visual{
  width:min(100%,860px) !important;
  max-width:860px !important;
}
.juni-uniform-portrait-link{
  padding:18px 18px 0 !important;
  border-radius:40px !important;
}
.juni-uniform-portrait-link img{
  max-height:min(92svh,1240px) !important;
  width:100% !important;
  object-fit:contain !important;
  object-position:center top !important;
}
.home-cover-juni-hero{
  grid-template-columns:minmax(260px,.54fr) minmax(920px,2.18fr) !important;
  gap:clamp(18px,2vw,40px) !important;
}
.home-cover-juni-hero .juni-uniform-copy{
  max-width:500px !important;
}
.home-cover-juni-hero .juni-uniform-visual{
  width:min(100%,1560px) !important;
  max-width:1560px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link{
  padding:22px 22px 0 !important;
  border-radius:44px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link img{
  max-height:min(100svh,1600px) !important;
}
@media (max-width:1360px){
  .juni-uniform-top-section{grid-template-columns:minmax(0,.88fr) minmax(420px,760px) !important;}
  .juni-uniform-visual{width:min(100%,760px) !important;max-width:760px !important;}
  .home-cover-juni-hero{grid-template-columns:minmax(260px,.7fr) minmax(720px,1.75fr) !important;}
  .home-cover-juni-hero .juni-uniform-visual{width:min(100%,1280px) !important;max-width:1280px !important;}
  .home-cover-juni-hero .juni-uniform-portrait-link img{max-height:min(96svh,1360px) !important;}
}
@media (max-width:1024px){
  .juni-uniform-top-section,.home-cover-juni-hero{grid-template-columns:1fr !important;}
  .juni-uniform-copy,.home-cover-juni-hero .juni-uniform-copy{order:2 !important;text-align:center !important;max-width:840px !important;margin:auto !important;}
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{order:1 !important;width:min(100%,1020px) !important;max-width:100% !important;justify-self:center !important;}
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{padding:16px 16px 0 !important;border-radius:32px !important;}
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{max-height:min(88svh,1120px) !important;}
}
@media (max-width:768px){
  .juni-uniform-top-section,.home-cover-juni-hero{gap:18px !important;}
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{width:min(100%,860px) !important;max-width:100% !important;}
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{padding:12px 12px 0 !important;border-radius:26px !important;}
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{max-height:min(84svh,980px) !important;}
}
@media (max-width:480px){
  .juni-uniform-top-section,.home-cover-juni-hero{gap:14px !important;}
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{width:100% !important;}
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{padding:8px 8px 0 !important;border-radius:20px !important;}
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{max-height:min(82svh,920px) !important;}
}

/* === v166: Ask JUNI answer panel and recording transcript === */
.juni-answer-panel{margin-top:18px;border:1px solid rgba(246,205,82,.28);border-radius:24px;background:linear-gradient(180deg,rgba(14,23,42,.94),rgba(7,12,26,.98));padding:18px;box-shadow:0 18px 46px rgba(0,0,0,.24)}
.juni-answer-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:10px;color:#f6cd52;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900}
.juni-answer-head span{color:#f8fbff;opacity:.78}
.juni-answer-box{min-height:140px;white-space:pre-wrap;color:#f8fbff;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:16px;line-height:1.55}
.record-transcript-label{display:grid;gap:4px;margin:16px 0 8px;color:#f6cd52}
.record-transcript-label span{color:#c9d2e8;font-size:.92rem;font-weight:500}
#recordTranscript{min-height:140px}


/* === v167: JUNI MUCH BIGGER ON EVERY DEVICE === */
.juni-uniform-top-section{
  grid-template-columns:minmax(0,.62fr) minmax(560px,980px) !important;
  gap:clamp(14px,1.8vw,36px) !important;
  align-items:center !important;
}
.juni-uniform-copy{max-width:620px !important;}
.juni-uniform-visual{
  width:min(100%,980px) !important;
  max-width:980px !important;
  justify-self:end !important;
}
.juni-uniform-portrait-link{
  padding:14px 14px 0 !important;
  border-radius:40px !important;
}
.juni-uniform-portrait-link img{
  width:100% !important;
  max-height:min(96svh,1480px) !important;
  object-fit:contain !important;
  object-position:center top !important;
}
.home-cover-juni-hero{
  grid-template-columns:minmax(240px,.42fr) minmax(980px,2.55fr) !important;
  gap:clamp(10px,1.5vw,30px) !important;
  min-height:calc(100svh - 70px) !important;
}
.home-cover-juni-hero .juni-uniform-copy{max-width:460px !important;}
.home-cover-juni-hero .juni-uniform-visual{
  width:min(100%,1760px) !important;
  max-width:1760px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link{
  padding:18px 18px 0 !important;
  border-radius:46px !important;
}
.home-cover-juni-hero .juni-uniform-portrait-link img{
  max-height:min(104svh,1780px) !important;
}
.home-cover-juni-hero .juni-uniform-ask,
.juni-uniform-ask{
  min-width:300px !important;
  padding:16px 30px !important;
}
@media (max-width:1500px){
  .home-cover-juni-hero{grid-template-columns:minmax(240px,.54fr) minmax(780px,2.05fr) !important;}
  .home-cover-juni-hero .juni-uniform-visual{width:min(100%,1450px) !important;}
}
@media (max-width:1200px){
  .juni-uniform-top-section{grid-template-columns:minmax(0,.78fr) minmax(500px,860px) !important;}
  .juni-uniform-visual{width:min(100%,860px) !important;}
  .home-cover-juni-hero{grid-template-columns:minmax(240px,.68fr) minmax(660px,1.7fr) !important;}
  .home-cover-juni-hero .juni-uniform-visual{width:min(100%,1200px) !important;}
}
@media (max-width:1024px){
  .juni-uniform-top-section,.home-cover-juni-hero{
    grid-template-columns:1fr !important;
    gap:16px !important;
    min-height:auto !important;
  }
  .juni-uniform-copy,.home-cover-juni-hero .juni-uniform-copy{
    order:2 !important;
    text-align:center !important;
    max-width:860px !important;
    margin:auto !important;
  }
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{
    order:1 !important;
    width:min(100%,1040px) !important;
    max-width:100% !important;
    justify-self:center !important;
  }
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{
    padding:12px 12px 0 !important;
    border-radius:30px !important;
  }
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(90svh,1180px) !important;
  }
}
@media (max-width:768px){
  .juni-uniform-visual,.home-cover-juni-hero .juni-uniform-visual{width:100% !important;}
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{
    padding:8px 8px 0 !important;
    border-radius:24px !important;
  }
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(86svh,1000px) !important;
  }
  .juni-uniform-ask,.home-cover-juni-hero .juni-uniform-ask{width:100% !important;min-width:0 !important;}
}
@media (max-width:480px){
  .site-shell{width:calc(100% - 8px) !important;}
  .juni-uniform-top-section,.home-cover-juni-hero{gap:10px !important;padding-top:6px !important;}
  .juni-uniform-portrait-link,.home-cover-juni-hero .juni-uniform-portrait-link{
    padding:6px 6px 0 !important;
    border-radius:20px !important;
  }
  .juni-uniform-portrait-link img,.home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(84svh,940px) !important;
  }
}


/* JUNIQ v174 — top-right quick tabs only. JUNI/images/layout untouched. */
.header-actions.top-right-tabs{gap:9px!important;align-items:center!important;white-space:nowrap!important;}
.header-actions.top-right-tabs .signin,.header-actions.top-right-tabs .header-tab{font-size:14px!important;color:#dce4f9!important;font-weight:700!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.header-actions.top-right-tabs .signin:hover,.header-actions.top-right-tabs .header-tab:hover{color:#fff!important;}
.header-tab-separator{color:rgba(246,205,82,.78)!important;font-weight:800!important;}
@media (max-width:1240px){.main-nav.open a[href="study.html"],.main-nav.open a[href="business.html"],.main-nav.open a[href="accessibility.html"]{display:block!important;}}


/* JUNIQ 176 — Conversations, Meetings & Interviews. Keeps JUNI images/layout untouched. */
.chat-mode-tabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:0 auto 8px;max-width:1100px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(7,18,40,.65);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.chat-mode-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;color:#dce4f9;border:1px solid rgba(255,255,255,.10);font-weight:800;font-size:14px;background:rgba(255,255,255,.035)}
.chat-mode-tabs a:hover,.chat-mode-tabs a.active{color:#07101f;background:linear-gradient(135deg,#f6cd52,#d4a62a);border-color:rgba(246,205,82,.7)}
.conversation-tabs-section{padding-top:18px;padding-bottom:0}.conversation-launch-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.conversation-workspace{padding-top:26px}.conversation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:22px auto;max-width:1320px}.conversation-card{background:linear-gradient(145deg,rgba(7,21,47,.92),rgba(5,16,36,.92));border-color:rgba(246,205,82,.16)}.conversation-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.conversation-form-grid label,.conversation-card label{color:#aab4ce;font-size:13px;font-weight:800;text-transform:none;letter-spacing:.01em}.conversation-type-pills,.meeting-launchers{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.conversation-type-pills button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#dce4f9;border-radius:999px;padding:10px 13px;font-weight:800;cursor:pointer}.conversation-type-pills button.active,.conversation-type-pills button:hover{background:rgba(246,205,82,.16);border-color:#f6cd52;color:#f6cd52}.conversation-video{width:100%;min-height:280px;max-height:430px;background:#020817;border:1px solid rgba(255,255,255,.12);border-radius:24px;object-fit:cover;margin:16px 0;box-shadow:0 24px 70px rgba(0,0,0,.28)}.conversation-notes,.conversation-summary{min-height:330px}.conversation-card .share-grid button{min-height:46px}.main-nav .nav-link[href="conversations.html"]{white-space:nowrap}
@media (max-width:980px){.conversation-grid,.conversation-form-grid{grid-template-columns:1fr}.conversation-video{min-height:220px}.conversation-launch-row{justify-content:flex-start}.chat-mode-tabs{justify-content:flex-start}.chat-mode-tabs a{flex:1 1 180px}.conversation-card.large-card{padding:22px}}
@media (max-width:620px){.conversation-launch-row .btn,.meeting-launchers .btn,.conversation-card .cta-row .btn{width:100%}.conversation-type-pills button{flex:1 1 130px}.conversation-video{min-height:180px}.conversation-notes,.conversation-summary{min-height:260px}}


/* JUNIQ 177 — student/professional/business journey and payment plan sync */
.journey-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px auto 26px;max-width:1050px}
.journey-strip span{border:1px solid rgba(246,205,82,.30);background:rgba(246,205,82,.075);color:#f8fbff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.02em}
.journey-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-top:28px}
.journey-grid article,.expanded-plan-grid article,.pricing-grid-expanded article{min-width:0}
.journey-grid article{border:1px solid rgba(77,163,255,.18);background:linear-gradient(145deg,rgba(8,24,52,.76),rgba(3,12,30,.88));border-radius:18px;padding:18px;box-shadow:0 16px 46px rgba(0,0,0,.22)}
.journey-grid strong{display:inline-flex;width:36px;height:36px;border-radius:12px;align-items:center;justify-content:center;background:rgba(246,205,82,.11);border:1px solid rgba(246,205,82,.32);color:#f6cd52;margin-bottom:10px}
.journey-grid h3{margin:0 0 8px;color:#f8fbff}.journey-grid p{margin:0 0 12px;color:#c9d2e8;font-size:14px;line-height:1.45}.journey-grid a{color:#f6cd52;font-weight:800;font-size:13px}
.accessible-journey-card,.accessible-card{border-color:rgba(66,237,157,.34)!important;box-shadow:0 18px 58px rgba(66,237,157,.08),0 14px 40px rgba(0,0,0,.20)!important}.accessible-journey-card strong{background:rgba(66,237,157,.10)!important;border-color:rgba(66,237,157,.40)!important;color:#42ed9d!important}.accessible-journey-card a,.accessible-card .price{color:#42ed9d!important}
.hero-plan-glance-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pricing-grid-expanded{grid-template-columns:repeat(4,minmax(0,1fr))!important}.expanded-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.expanded-plan-grid article{min-height:250px}
@media(max-width:1180px){.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid-expanded,.expanded-plan-grid,.hero-plan-glance-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.journey-grid,.pricing-grid-expanded,.expanded-plan-grid,.hero-plan-glance-expanded{grid-template-columns:1fr!important}.journey-strip{justify-content:flex-start}.journey-strip span{font-size:11px;padding:7px 10px}}


/* JUNIQ 178 — Bigger rounded clickable plan tabs and plan detail pages */
.plan-tab-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:34px auto 10px;
  width:100%;
}
.plan-journey-tab{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:104px;
  padding:22px 22px;
  border-radius:30px;
  border:1px solid rgba(246,205,82,.34);
  background:linear-gradient(145deg,rgba(7,20,45,.92),rgba(3,10,26,.96));
  box-shadow:0 20px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
  text-decoration:none!important;
  color:#f8fbff!important;
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.plan-journey-tab:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 20%,rgba(246,205,82,.14),transparent 34%),radial-gradient(circle at 95% 85%,rgba(77,163,255,.11),transparent 36%);
  opacity:.9;
  pointer-events:none;
}
.plan-journey-tab:hover,
.plan-journey-tab:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(246,205,82,.72);
  box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 0 4px rgba(246,205,82,.08);
}
.plan-journey-tab.accessible-tab{
  border-color:rgba(66,237,157,.44);
  background:linear-gradient(145deg,rgba(4,38,29,.92),rgba(3,14,23,.96));
}
.plan-journey-tab.accessible-tab:hover,
.plan-journey-tab.accessible-tab:focus-visible{
  border-color:rgba(66,237,157,.76);
  box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 0 4px rgba(66,237,157,.08);
}
.plan-journey-tab .tab-number{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#f6cd52;
  background:rgba(246,205,82,.12);
  border:1px solid rgba(246,205,82,.38);
  font-weight:900;
}
.plan-journey-tab.accessible-tab .tab-number{color:#42ed9d;background:rgba(66,237,157,.12);border-color:rgba(66,237,157,.42);}
.plan-journey-tab .tab-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;min-width:0;}
.plan-journey-tab .tab-copy strong{font-size:20px;line-height:1.05;color:#fff;letter-spacing:-.02em;}
.plan-journey-tab .tab-copy em{font-size:13px;font-style:normal;color:#c9d2e8;font-weight:800;}
.plan-journey-tab .tab-arrow{position:relative;z-index:1;margin-left:auto;color:#f6cd52;font-size:13px;font-weight:900;white-space:nowrap;}
.plan-journey-tab.accessible-tab .tab-arrow{color:#42ed9d;}
.plan-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.plan-detail-hero{
  padding-top:74px;
  padding-bottom:34px;
}
.plan-detail-hero h1{max-width:980px;margin-left:auto;margin-right:auto;text-align:center;}
.plan-detail-hero .section-lead{max-width:980px;}
.plan-detail-price{
  margin:24px auto 0;
  max-width:520px;
  border:1px solid rgba(246,205,82,.32);
  border-radius:28px;
  padding:18px 22px;
  background:rgba(8,24,52,.72);
  text-align:center;
  box-shadow:0 18px 55px rgba(0,0,0,.25);
}
.plan-detail-price strong{display:block;font-size:34px;color:#f6cd52;letter-spacing:-.035em;}
.plan-detail-price span{display:block;color:#c9d2e8;font-weight:750;margin-top:4px;}
.accessible-detail-hero .plan-detail-price{border-color:rgba(66,237,157,.42);background:rgba(4,35,27,.72);}
.accessible-detail-hero .plan-detail-price strong{color:#42ed9d;}
.plan-detail-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}
.plan-detail-nav a{
  border:1px solid rgba(246,205,82,.32);
  border-radius:999px;
  padding:12px 18px;
  color:#f8fbff;
  background:rgba(8,24,52,.78);
  text-decoration:none!important;
  font-weight:900;
  font-size:14px;
}
.plan-detail-nav a.active,
.plan-detail-nav a:hover{background:rgba(246,205,82,.14);color:#f6cd52;border-color:rgba(246,205,82,.72);}
.plan-explainer-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.plan-explainer-card,
.plan-function-list,
.plan-outcome-band{
  border:1px solid rgba(77,163,255,.18);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(8,24,52,.78),rgba(3,12,30,.92));
  box-shadow:0 20px 70px rgba(0,0,0,.25);
}
.plan-explainer-card{padding:24px;}
.plan-explainer-card h2{font-size:22px;margin:0 0 12px;color:#f6cd52;letter-spacing:-.02em;}
.plan-explainer-card p{margin:0;color:#dce6fb;line-height:1.65;}
.plan-function-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);
  gap:24px;
  align-items:start;
}
.plan-function-section p{color:#dce6fb;font-size:18px;line-height:1.7;}
.plan-function-list{padding:28px;}
.plan-function-list h3{margin-top:0;color:#f8fbff;font-size:24px;}
.plan-function-list li{margin:12px 0;color:#dce6fb;line-height:1.45;}
.plan-outcome-band{padding:36px;text-align:center;}
.plan-outcome-band .cta-row{justify-content:center;}
.journey-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1180px){
  .plan-tab-grid,.plan-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .plan-function-section{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .plan-tab-grid,.plan-explainer-grid{grid-template-columns:1fr;}
  .plan-journey-tab{min-height:92px;padding:18px;border-radius:24px;}
  .plan-journey-tab .tab-copy strong{font-size:18px;}
  .plan-journey-tab .tab-arrow{display:none;}
  .plan-detail-price strong{font-size:28px;}
}


/* JUNIQ 179 — Priority homepage, record-first application and sport/media pages */
.priority-action-grid .priority-card,
.record-priority-card,
.service-detail-card,
.service-tab,
.sport-media-home .plan-journey-tab {
  border: 1px solid rgba(246,205,82,.28);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  box-shadow: 0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.priority-action-grid .priority-card strong {font-size: clamp(1.35rem, 2vw, 2rem);}
.priority-action-grid .priority-card p {font-size: 1rem; line-height: 1.65;}
.record-priority-section {
  margin-top: clamp(24px, 5vw, 72px);
  border-top: 1px solid rgba(246,205,82,.18);
  border-bottom: 1px solid rgba(246,205,82,.18);
  background: radial-gradient(circle at 50% 0%, rgba(246,205,82,.11), transparent 55%);
}
.record-priority-section h2 {max-width: 1120px; margin-left:auto; margin-right:auto; text-align:center;}
.record-priority-card {max-width: 1180px; margin: 28px auto 0; padding: clamp(22px, 3vw, 36px)!important;}
.record-big-pills span,
.professional-service-detail .eyebrow {
  display:inline-flex; align-items:center; justify-content:center;
  min-height: 38px; padding: 10px 16px; border-radius: 999px;
  border:1px solid rgba(246,205,82,.28); color:#f8fbff;
  background: rgba(246,205,82,.06);
}
.record-benefit-grid,
.service-detail-grid {
  display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; margin: 26px 0;
}
.record-benefit-grid article,
.service-detail-card {
  padding: 20px; border-radius: 24px; border: 1px solid rgba(255,255,255,.10); background: rgba(2,8,23,.48);
}
.record-benefit-grid strong,
.service-detail-card h3 {color:#f6cd52; font-size: 1.15rem;}
.service-detail-card p, .service-detail-card li, .record-benefit-grid p {color: rgba(248,251,255,.84); line-height:1.65;}
.service-detail-card ul {padding-left: 20px; margin: 14px 0 0;}
.sport-media-home {padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(48px, 7vw, 96px);}
.service-tab-grid {grid-template-columns: repeat(2, minmax(0,1fr)); max-width:1100px; margin:30px auto 0;}
.service-tab .tab-copy strong {font-size: clamp(1.35rem, 2.4vw, 2.1rem);}
.service-tab .tab-copy em {font-style:normal; color:rgba(248,251,255,.78);}
.professional-service-hero .lead {max-width: 880px;}
.service-action-band {text-align:center;}
#juniq-journey {margin-top: clamp(64px, 9vw, 130px); padding-top: clamp(54px, 8vw, 100px); border-top:1px solid rgba(246,205,82,.20);}
#juniq-journey .plan-tab-grid {margin-top: 34px;}
#juniq-journey .plan-journey-tab {min-height: 132px; border-radius: 28px; padding: 24px;}
#juniq-journey .tab-copy strong {font-size: clamp(1.25rem, 2vw, 1.8rem);}
@media (max-width: 980px) {
  .record-benefit-grid, .service-detail-grid, .service-tab-grid {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 640px) {
  .record-benefit-grid, .service-detail-grid, .service-tab-grid {grid-template-columns: 1fr;}
  .priority-action-grid .priority-card {border-radius: 24px;}
  .record-big-pills span {width: 100%;}
}


/* === V180 CRITICAL FIX: JUNI IS CENTREPIECE, NOT A CORNER IMAGE ===
   Home page only. Logo and JUNI image files remain untouched.
   After the top menu, JUNI sits centred first on desktop, tablet and mobile.
   All platform copy, record feature and pricing sit beneath her. */
.home-cover-juni-page .home-cover-juni-hero{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  width:100% !important;
  max-width:1400px !important;
  margin:0 auto !important;
  min-height:auto !important;
  padding:clamp(18px,3vw,42px) 0 clamp(32px,5vw,72px) !important;
  gap:clamp(18px,3vw,34px) !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-centrepiece-visual,
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-visual{
  order:1 !important;
  justify-self:center !important;
  align-self:center !important;
  width:min(100%,clamp(520px,58vw,980px)) !important;
  max-width:980px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link{
  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
  border-radius:48px !important;
  padding:clamp(14px,2vw,26px) clamp(14px,2vw,26px) 0 !important;
  background:
    radial-gradient(circle at 50% 8%,rgba(246,205,82,.28),transparent 35%),
    radial-gradient(circle at 50% 58%,rgba(37,99,255,.20),transparent 50%),
    linear-gradient(180deg,rgba(11,20,38,.98),rgba(7,13,28,.98)) !important;
  border:1px solid rgba(246,205,82,.36) !important;
  box-shadow:0 44px 110px rgba(0,0,0,.50), 0 0 0 1px rgba(246,205,82,.06) inset !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link img{
  width:100% !important;
  height:auto !important;
  max-height:min(72vh,880px) !important;
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:36px 36px 0 0 !important;
  margin:0 auto !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-ask{
  order:2 !important;
  min-width:min(100%,320px) !important;
  padding:16px 30px !important;
  border-radius:999px !important;
  font-size:15px !important;
  letter-spacing:.18em !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-copy{
  order:2 !important;
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.home-cover-juni-page .home-cover-juni-hero .hero-main-title{
  font-size:clamp(3.2rem,7.4vw,7.4rem) !important;
  line-height:.92 !important;
  margin:12px auto 18px !important;
  text-align:center !important;
}
.home-cover-juni-page .home-cover-juni-hero .lead{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  font-size:clamp(1.05rem,1.5vw,1.34rem) !important;
}
.home-cover-juni-page .home-cover-juni-hero .hero-top-ctas,
.home-cover-juni-page .home-cover-juni-hero .cta-row{
  justify-content:center !important;
  align-items:center !important;
}
.home-cover-juni-page .home-cover-juni-hero .hero-plan-glance{
  width:100% !important;
  max-width:1180px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:20px auto 0 !important;
  text-align:left !important;
}
.home-cover-juni-page .record-priority-section,
.home-cover-juni-page #record-preview{
  margin-top:0 !important;
}
@media (max-width: 1024px){
  .home-cover-juni-page .home-cover-juni-hero{
    padding-top:14px !important;
    gap:22px !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-centrepiece-visual,
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,760px) !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link{
    border-radius:34px !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(66vh,720px) !important;
    border-radius:28px 28px 0 0 !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-plan-glance{
    grid-template-columns:1fr !important;
    text-align:left !important;
    max-width:760px !important;
  }
}
@media (max-width: 768px){
  .home-cover-juni-page .home-cover-juni-hero{
    padding-top:10px !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-centrepiece-visual,
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-visual{
    width:min(100%,560px) !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link{
    padding:12px 12px 0 !important;
    border-radius:26px !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(62vh,620px) !important;
    border-radius:20px 20px 0 0 !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-main-title{
    font-size:clamp(2.7rem,12vw,4.6rem) !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-top-ctas .btn{
    width:100% !important;
    justify-content:center !important;
  }
}
@media (max-width: 480px){
  .home-cover-juni-page .home-cover-juni-hero .juni-centrepiece-visual,
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-visual{
    width:100% !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link{
    padding:10px 10px 0 !important;
    border-radius:22px !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(58vh,540px) !important;
    border-radius:18px 18px 0 0 !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-ask{
    width:100% !important;
    min-width:0 !important;
  }
}


/* === V181 HOMEPAGE FIX: ASK JUNI LEFT, JUNI HIGH + BRIGHT SLIGHTLY RIGHT, RECORD UNDER IT ===
   This only changes layout/styling. JUNI image and logo assets are untouched. */
.home-cover-juni-page .home-cover-juni-hero{
  display:grid !important;
  grid-template-columns:minmax(340px,.88fr) minmax(480px,1.12fr) !important;
  align-items:start !important;
  justify-content:center !important;
  text-align:left !important;
  width:100% !important;
  max-width:1420px !important;
  margin:0 auto !important;
  min-height:auto !important;
  padding:clamp(18px,3vw,46px) 0 clamp(28px,4vw,56px) !important;
  gap:clamp(24px,4vw,72px) !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-copy{
  order:1 !important;
  grid-column:1 !important;
  width:100% !important;
  max-width:620px !important;
  margin:clamp(18px,4.2vw,62px) 0 0 !important;
  text-align:left !important;
  align-items:flex-start !important;
  display:flex !important;
  flex-direction:column !important;
  justify-self:start !important;
  z-index:3 !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-copy .eyebrow{
  color:#f6cd52 !important;
  letter-spacing:.24em !important;
  font-weight:900 !important;
}
.home-cover-juni-page .home-cover-juni-hero .hero-main-title{
  font-size:clamp(4.1rem,7.8vw,8.4rem) !important;
  line-height:.88 !important;
  margin:10px 0 20px !important;
  text-align:left !important;
  letter-spacing:-.065em !important;
}
.home-cover-juni-page .home-cover-juni-hero .lead{
  max-width:600px !important;
  margin:0 0 22px !important;
  text-align:left !important;
  font-size:clamp(1.08rem,1.55vw,1.34rem) !important;
  line-height:1.62 !important;
  color:rgba(245,248,255,.90) !important;
}
.home-cover-juni-page .home-cover-juni-hero .hero-top-ctas,
.home-cover-juni-page .home-cover-juni-hero .cta-row{
  justify-content:flex-start !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:4px !important;
}
.home-cover-juni-page .home-cover-juni-hero .hero-top-ctas .btn,
.home-cover-juni-page .home-cover-juni-hero .cta-row .btn{
  border-radius:999px !important;
  padding:14px 20px !important;
  font-weight:900 !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-high-bright-visual,
.home-cover-juni-page .home-cover-juni-hero .juni-centrepiece-visual,
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-visual{
  order:2 !important;
  grid-column:2 !important;
  width:min(100%,820px) !important;
  max-width:820px !important;
  margin:0 0 0 auto !important;
  justify-self:end !important;
  align-self:start !important;
  transform:translateX(2.2vw) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  z-index:2 !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  border-radius:46px !important;
  padding:clamp(16px,2vw,26px) clamp(16px,2vw,26px) 0 !important;
  background:
    radial-gradient(circle at 52% 7%,rgba(246,205,82,.38),transparent 34%),
    radial-gradient(circle at 58% 50%,rgba(83,135,255,.24),transparent 54%),
    linear-gradient(180deg,rgba(13,24,45,.99),rgba(7,13,28,.99)) !important;
  border:1px solid rgba(246,205,82,.48) !important;
  box-shadow:
    0 44px 120px rgba(0,0,0,.52),
    0 0 70px rgba(246,205,82,.14),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link img{
  width:100% !important;
  height:auto !important;
  max-height:min(78vh,900px) !important;
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:34px 34px 0 0 !important;
  filter:saturate(1.08) brightness(1.05) contrast(1.02) drop-shadow(0 26px 60px rgba(0,0,0,.38)) !important;
  margin:0 auto !important;
}
.home-cover-juni-page .home-cover-juni-hero .hero-plan-glance,
.home-cover-juni-page .home-cover-juni-hero .hero-fine-print{
  display:none !important;
}
.home-cover-juni-page #record-preview.record-priority-section,
.home-cover-juni-page .record-priority-section{
  margin-top:0 !important;
  padding-top:clamp(38px,5vw,76px) !important;
  border-top:1px solid rgba(246,205,82,.16) !important;
}
@media (max-width: 1180px){
  .home-cover-juni-page .home-cover-juni-hero{
    grid-template-columns:minmax(320px,.92fr) minmax(430px,1.08fr) !important;
    gap:clamp(20px,3vw,44px) !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-high-bright-visual,
  .home-cover-juni-page .home-cover-juni-hero .juni-centrepiece-visual,
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-visual{
    transform:translateX(1vw) !important;
    width:min(100%,690px) !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-main-title{
    font-size:clamp(3.4rem,7vw,6.4rem) !important;
  }
}
@media (max-width: 900px){
  .home-cover-juni-page .home-cover-juni-hero{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:22px !important;
    padding-top:14px !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-high-bright-visual,
  .home-cover-juni-page .home-cover-juni-hero .juni-centrepiece-visual,
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-visual{
    order:1 !important;
    width:min(100%,660px) !important;
    transform:none !important;
    margin:0 auto !important;
    align-self:center !important;
    justify-self:center !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-copy{
    order:2 !important;
    margin:0 auto !important;
    max-width:760px !important;
    text-align:center !important;
    align-items:center !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-main-title,
  .home-cover-juni-page .home-cover-juni-hero .lead{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-top-ctas,
  .home-cover-juni-page .home-cover-juni-hero .cta-row{
    justify-content:center !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(66vh,700px) !important;
  }
}
@media (max-width: 640px){
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link{
    border-radius:26px !important;
    padding:12px 12px 0 !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .juni-uniform-portrait-link img{
    max-height:min(58vh,560px) !important;
    border-radius:20px 20px 0 0 !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-main-title{
    font-size:clamp(2.8rem,15vw,4.6rem) !important;
  }
  .home-cover-juni-page .home-cover-juni-hero .hero-top-ctas .btn,
  .home-cover-juni-page .home-cover-juni-hero .cta-row .btn{
    width:100% !important;
    justify-content:center !important;
  }
}

/* JUNIQ 182 — Accessible Learning highlighted green only.
   This intentionally changes only Accessible Learning links/cards/sections. */
:root{--juniq-access-green:#42ed9d;--juniq-access-green-soft:rgba(66,237,157,.12);--juniq-access-green-line:rgba(66,237,157,.48);} 
.main-nav a.nav-link[href="accessibility.html"],
.header-actions.top-right-tabs a[href="accessibility.html"],
.plan-detail-nav a[href="accessibility.html"],
.footer-cols a[href="accessibility.html"]{
  color:var(--juniq-access-green)!important;
  -webkit-text-fill-color:var(--juniq-access-green)!important;
  font-weight:900!important;
  text-shadow:0 0 18px rgba(66,237,157,.22)!important;
}
.main-nav a.nav-link[href="accessibility.html"]{
  border:1px solid var(--juniq-access-green-line)!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  background:linear-gradient(135deg,rgba(66,237,157,.14),rgba(66,237,157,.04))!important;
  box-shadow:0 0 24px rgba(66,237,157,.08)!important;
}
.header-actions.top-right-tabs a[href="accessibility.html"]{
  border:1px solid var(--juniq-access-green-line)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  background:rgba(66,237,157,.10)!important;
}
.main-nav a.nav-link[href="accessibility.html"]:hover,
.header-actions.top-right-tabs a[href="accessibility.html"]:hover,
.plan-detail-nav a[href="accessibility.html"]:hover{
  color:#8fffc6!important;
  -webkit-text-fill-color:#8fffc6!important;
  border-color:rgba(143,255,198,.72)!important;
  background:rgba(66,237,157,.18)!important;
}
.plan-journey-tab.accessible-tab,
.paid-plan-card.accessible-card,
.accessible-card,
article:has(a[href="accessibility.html"] .accessible-tab){
  border-color:var(--juniq-access-green-line)!important;
  box-shadow:0 18px 60px rgba(66,237,157,.10)!important;
}
.plan-journey-tab.accessible-tab strong,
.plan-journey-tab.accessible-tab .tab-arrow,
.plan-journey-tab.accessible-tab .tab-number,
.paid-plan-card.accessible-card .eyebrow,
.paid-plan-card.accessible-card h3,
.free-access-green,
.private-access-green{
  color:var(--juniq-access-green)!important;
  -webkit-text-fill-color:var(--juniq-access-green)!important;
}
a.btn[href="accessibility.html"],
.btn.green[href="accessibility.html"],
.plan-card-actions a[href="accessibility.html"]:last-child{
  border-color:var(--juniq-access-green-line)!important;
  background:linear-gradient(135deg,#17b873,#42ed9d)!important;
  color:#03130c!important;
  -webkit-text-fill-color:#03130c!important;
  box-shadow:0 14px 38px rgba(66,237,157,.20)!important;
}
@media(max-width:820px){
  .main-nav a.nav-link[href="accessibility.html"]{padding:9px 12px!important;}
  .header-actions.top-right-tabs a[href="accessibility.html"]{padding:6px 9px!important;}
}


/* JUNIQ 185 — recording save/email/follow-up controls */
.vault-delivery-panel{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(246,205,82,.22);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(246,205,82,.08),rgba(255,255,255,.035));
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.vault-delivery-panel label{display:block;margin:0 0 12px;color:#f8fbff;font-weight:800;}
.vault-delivery-panel .juni-input{margin-top:7px;}
.juni-checkbox{display:flex!important;gap:10px;align-items:flex-start;font-weight:800;color:#f8fbff;line-height:1.4;}
.juni-checkbox input{width:18px;height:18px;margin-top:2px;accent-color:#16a34a;}
.share-grid button[id*="vault"],.share-grid button[id*="followUp"]{
  border-color:rgba(22,163,74,.45)!important;
  background:linear-gradient(135deg,rgba(22,163,74,.22),rgba(246,205,82,.08))!important;
}


/* JUNIQ 186: recording categories, uploads and deed drafting */
.record-essential-pills button,.conversation-type-row button{min-height:44px}
.subject-upload-panel,.deed-drafting-card{border:1px solid rgba(246,205,82,.26);background:rgba(255,255,255,.045);border-radius:22px;padding:18px;margin-top:18px;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.subject-upload-panel h3,.deed-drafting-card h3{margin-top:0;color:#f6cd52}
.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.deed-drafting-card textarea{min-height:110px}.deed-drafting-card #deedDraft{min-height:340px;font-family:inherit;line-height:1.55}
.conversation-important-pills{margin-top:20px;margin-bottom:10px}
@media(max-width:760px){.form-grid.two{grid-template-columns:1fr}.subject-upload-panel,.deed-drafting-card{padding:14px}.deed-drafting-card #deedDraft{min-height:260px}}


/* JUNIQ 188 — bottom opening tabs for the four recording pathway cards only */
.record-open-tabs-grid .record-benefit-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:260px!important;
}
.record-open-tabs-grid .record-benefit-card p{
  flex:1 1 auto!important;
}
.record-open-tab{
  margin-top:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:54px!important;
  padding:14px 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(246,205,82,.44)!important;
  background:linear-gradient(135deg,rgba(246,205,82,.18),rgba(246,205,82,.06))!important;
  color:#f8fbff!important;
  -webkit-text-fill-color:#f8fbff!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.record-open-tab:hover,.record-open-tab:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(246,205,82,.82)!important;
  background:linear-gradient(135deg,rgba(246,205,82,.28),rgba(246,205,82,.10))!important;
  box-shadow:0 18px 52px rgba(246,205,82,.14)!important;
}
.record-open-tabs-grid .accessible-benefit-card{
  border-color:var(--juniq-access-green-line)!important;
  box-shadow:0 18px 60px rgba(66,237,157,.10)!important;
}
.record-open-tabs-grid .accessible-benefit-card strong{
  color:var(--juniq-access-green)!important;
  -webkit-text-fill-color:var(--juniq-access-green)!important;
}
.accessible-open-tab{
  border-color:var(--juniq-access-green-line)!important;
  background:linear-gradient(135deg,rgba(66,237,157,.26),rgba(66,237,157,.08))!important;
  color:#42ed9d!important;
  -webkit-text-fill-color:#42ed9d!important;
  box-shadow:0 18px 52px rgba(66,237,157,.14)!important;
}
.accessible-open-tab:hover,.accessible-open-tab:focus-visible{
  border-color:rgba(143,255,198,.76)!important;
  background:linear-gradient(135deg,rgba(66,237,157,.34),rgba(66,237,157,.12))!important;
  color:#8fffc6!important;
  -webkit-text-fill-color:#8fffc6!important;
}
@media (max-width: 720px){
  .record-open-tabs-grid .record-benefit-card{min-height:auto!important;}
  .record-open-tab{min-height:50px!important;border-radius:16px!important;}
}

/* JUNIQ 189 — Footer alignment fix only.
   Keeps footer content inside the same page width as the rest of the site. */
.site-footer{
  width:min(1500px, calc(100% - 40px))!important;
  max-width:min(1500px, calc(100% - 40px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}
.footer-brand,.footer-cols,.footer-bottom{
  min-width:0!important;
}
.footer-brand{
  padding-left:0!important;
}
.footer-cols{
  align-items:start!important;
}
.footer-cols a{
  overflow-wrap:anywhere!important;
}
@media (max-width:900px){
  .site-footer{
    width:min(100% - 24px, 760px)!important;
    max-width:min(100% - 24px, 760px)!important;
  }
}
@media (max-width:480px){
  .site-footer{
    width:min(100% - 18px, 460px)!important;
    max-width:min(100% - 18px, 460px)!important;
  }
}

/* JUNIQ 191: clean recording tabs - core use cases only */
.record-top-tabs{gap:12px;margin-top:4px;margin-bottom:24px}
.record-top-tabs a{border-radius:16px;padding:12px 18px;min-width:132px;background:rgba(246,205,82,.075);border-color:rgba(246,205,82,.34);letter-spacing:.01em}
.record-top-tabs a:nth-child(2),.record-top-tabs a:nth-child(3),.record-top-tabs a:nth-child(4){background:rgba(77,163,255,.09);border-color:rgba(77,163,255,.32);color:#dce9ff}
@media (max-width:720px){.record-top-tabs a{flex:1 1 calc(50% - 12px);min-width:0;padding:12px 10px}.record-pills{justify-content:center}}


/* === V196 GLOBAL JUNI HERO CONSISTENCY ===
   One rule for every page: text/content left, JUNI high on the right.
   Homepage retains its own tuned design; these rules fix every inner page. */
body:not(.home-cover-juni-page) main > .juniq-global-juni-hero,
body:not(.home-cover-juni-page) main > .juni-uniform-top-section{
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(420px,760px) !important;
  align-items:start !important;
  justify-content:center !important;
  gap:clamp(22px,3.2vw,58px) !important;
  padding-top:clamp(12px,2.2vw,30px) !important;
}
body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-copy,
body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-copy{
  order:1 !important;
  grid-column:1 !important;
  max-width:720px !important;
  width:100% !important;
  justify-self:start !important;
  align-self:start !important;
  margin-top:clamp(10px,2vw,28px) !important;
}
body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-visual,
body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-visual{
  order:2 !important;
  grid-column:2 !important;
  width:min(100%,760px) !important;
  max-width:760px !important;
  justify-self:end !important;
  align-self:start !important;
  margin:0 0 0 auto !important;
  transform:translateX(1.3vw) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
}
body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-visual .juni-uniform-portrait-link,
body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-visual .juni-uniform-portrait-link{
  width:100% !important;
  max-width:760px !important;
  border-radius:40px !important;
  padding:clamp(14px,1.7vw,22px) clamp(14px,1.7vw,22px) 0 !important;
  background:radial-gradient(circle at 52% 7%,rgba(246,205,82,.34),transparent 34%),radial-gradient(circle at 58% 50%,rgba(83,135,255,.20),transparent 54%),linear-gradient(180deg,rgba(13,24,45,.99),rgba(7,13,28,.99)) !important;
  border:1px solid rgba(246,205,82,.44) !important;
  box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 54px rgba(246,205,82,.12),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-visual img,
body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-visual img{
  width:100% !important;
  height:auto !important;
  max-height:min(68vh,760px) !important;
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:30px 30px 0 0 !important;
  filter:saturate(1.07) brightness(1.04) contrast(1.02) drop-shadow(0 24px 54px rgba(0,0,0,.36)) !important;
}
/* Custom agents page: same high-right rule, keeping the specialised agent portrait. */
body:not(.home-cover-juni-page) .agent-lux-hero.juniq-global-agent-hero,
body:not(.home-cover-juni-page) .agents-juni-top-right{
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(420px,760px) !important;
  align-items:start !important;
  gap:clamp(22px,3.2vw,58px) !important;
  padding-top:clamp(12px,2.2vw,30px) !important;
}
body:not(.home-cover-juni-page) .agent-lux-hero.juniq-global-agent-hero .agent-lux-copy,
body:not(.home-cover-juni-page) .agents-juni-top-right .agent-lux-copy{
  grid-column:1 !important;
  max-width:720px !important;
  justify-self:start !important;
  align-self:start !important;
  margin-top:clamp(10px,2vw,28px) !important;
}
body:not(.home-cover-juni-page) .agent-lux-hero.juniq-global-agent-hero .agent-lux-visual,
body:not(.home-cover-juni-page) .agents-juni-top-right .agent-lux-visual{
  grid-column:2 !important;
  width:min(100%,760px) !important;
  max-width:760px !important;
  justify-self:end !important;
  align-self:start !important;
  margin:0 0 0 auto !important;
  transform:translateX(1.3vw) !important;
}
body:not(.home-cover-juni-page) .agent-lux-hero.juniq-global-agent-hero .agent-lux-portrait,
body:not(.home-cover-juni-page) .agents-juni-top-right .agent-lux-portrait{
  max-height:min(68vh,760px) !important;
  object-position:center top !important;
}
.security-under-juniq{padding-top:clamp(30px,4vw,64px) !important;}
.security-under-juniq .security-four-grid{margin-top:24px !important;}
@media (max-width: 980px){
  body:not(.home-cover-juni-page) main > .juniq-global-juni-hero,
  body:not(.home-cover-juni-page) main > .juni-uniform-top-section,
  body:not(.home-cover-juni-page) .agent-lux-hero.juniq-global-agent-hero,
  body:not(.home-cover-juni-page) .agents-juni-top-right{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:22px !important;
  }
  body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-visual,
  body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-visual,
  body:not(.home-cover-juni-page) .agent-lux-hero.juniq-global-agent-hero .agent-lux-visual,
  body:not(.home-cover-juni-page) .agents-juni-top-right .agent-lux-visual{
    order:1 !important;
    width:min(100%,640px) !important;
    transform:none !important;
    margin:0 auto !important;
    align-self:center !important;
    justify-self:center !important;
  }
  body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-copy,
  body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-copy,
  body:not(.home-cover-juni-page) .agent-lux-hero.juniq-global-agent-hero .agent-lux-copy,
  body:not(.home-cover-juni-page) .agents-juni-top-right .agent-lux-copy{
    order:2 !important;
    max-width:760px !important;
    text-align:center !important;
    margin:0 auto !important;
    align-items:center !important;
  }
  body:not(.home-cover-juni-page) main > .juniq-global-juni-hero .cta-row,
  body:not(.home-cover-juni-page) main > .juni-uniform-top-section .cta-row{justify-content:center !important;}
}
@media (max-width: 640px){
  body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-visual .juni-uniform-portrait-link,
  body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-visual .juni-uniform-portrait-link{border-radius:24px !important;padding:10px 10px 0 !important;}
  body:not(.home-cover-juni-page) main > .juniq-global-juni-hero > .juni-uniform-visual img,
  body:not(.home-cover-juni-page) main > .juni-uniform-top-section > .juni-uniform-visual img{max-height:min(58vh,560px) !important;border-radius:18px 18px 0 0 !important;}
  body:not(.home-cover-juni-page) main > .juniq-global-juni-hero .juni-uniform-ask,
  body:not(.home-cover-juni-page) main > .juni-uniform-top-section .juni-uniform-ask{width:100% !important;min-width:0 !important;}
}


/* v199 — premium market cards replacing cluttered market list */
.elite-market-section{
  padding-top:60px!important;
  padding-bottom:38px!important;
}
.elite-market-section .section-lead{
  max-width:1040px;
  margin:0 auto 28px;
  font-size:18px;
  line-height:1.65;
}
.elite-market-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}
.elite-market-card{
  display:flex;
  flex-direction:column;
  min-height:430px;
  padding:26px;
  border:1px solid rgba(212,166,42,.28);
  border-radius:22px;
  background:radial-gradient(circle at 15% 0%,rgba(246,205,82,.13),transparent 32%),linear-gradient(145deg,rgba(8,24,52,.82),rgba(3,12,30,.88));
  box-shadow:0 18px 55px rgba(0,0,0,.25);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.elite-market-card:hover{
  transform:translateY(-3px);
  border-color:rgba(246,205,82,.58);
  box-shadow:0 26px 80px rgba(0,0,0,.34);
}
.elite-market-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:999px;
  color:#071225;
  background:linear-gradient(135deg,#d4a62a,#f0c44f);
  font-weight:950;
  letter-spacing:.06em;
  margin-bottom:18px;
}
.elite-market-card h3{
  margin:0 0 12px;
  color:#fff;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.025em;
}
.elite-market-card p{
  color:#c8d2e8;
  margin:0 0 18px;
  line-height:1.55;
}
.elite-market-card ul{
  list-style:none;
  padding:0;
  margin:0 0 22px;
  display:grid;
  gap:9px;
}
.elite-market-card li{
  color:#eef3ff;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  border-radius:12px;
  padding:10px 12px;
  font-weight:750;
  font-size:14px;
}
.elite-market-link{
  margin-top:auto;
  color:#f0c44f;
  font-weight:900;
}
.accessible-market-card{
  border-color:rgba(66,237,157,.44)!important;
  background:radial-gradient(circle at 15% 0%,rgba(66,237,157,.17),transparent 34%),linear-gradient(145deg,rgba(4,38,30,.82),rgba(3,12,30,.9))!important;
}
.accessible-market-card .elite-market-kicker{
  background:linear-gradient(135deg,#20d17c,#42ed9d)!important;
  color:#02170e!important;
}
.accessible-market-card .elite-market-link{
  color:#42ed9d!important;
}
.accessible-market-card:hover{
  border-color:rgba(66,237,157,.72)!important;
  box-shadow:0 26px 80px rgba(66,237,157,.10),0 26px 80px rgba(0,0,0,.34)!important;
}
@media (max-width:1100px){
  .elite-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .elite-market-card{min-height:390px;}
}
@media (max-width:620px){
  .elite-market-grid{grid-template-columns:1fr;}
  .elite-market-card{min-height:auto;padding:22px;}
}


/* JUNIQ 201 — global large JUNI fallback is injected in each HTML head. */


/* JUNIQ 202 — final clean navigation: only the approved tabs show on desktop and inside mobile/tablet menu. */
.site-header .header-actions.top-right-tabs{display:none!important;}
.site-header .main-nav{gap:clamp(8px,1vw,16px);}
.site-header .main-nav .nav-link{white-space:nowrap;}
.site-header .main-nav .nav-link[href="accessibility.html"]{color:#42ed9d!important;border-color:rgba(66,237,157,.32)!important;}
@media (max-width:1024px){
  .site-header .main-nav{max-height:calc(100svh - 92px);overflow:auto;}
  .site-header .main-nav .nav-link{min-height:48px;font-size:1.06rem;}
}


/* JUNIQ 203 — mainstream navigation cleanup: only the menu mention stays green. */
.main-nav .menu-access-only{color:#42ed9d!important;-webkit-text-fill-color:#42ed9d!important;border-color:rgba(66,237,157,.32)!important;text-shadow:0 0 18px rgba(66,237,157,.16)!important;font-weight:800!important;}
.main-nav .menu-access-only.active{background:rgba(66,237,157,.10)!important;color:#42ed9d!important;-webkit-text-fill-color:#42ed9d!important;}
.accessible-market-card,.accessible-card,.accessible-benefit-card{border-color:rgba(255,255,255,.12)!important;box-shadow:none!important;}
.btn.green,.btn.primary.green,.accessible-green{background:linear-gradient(135deg,#d4af37,#f6cd52)!important;color:#121212!important;border-color:rgba(246,205,82,.55)!important;box-shadow:0 16px 45px rgba(246,205,82,.18)!important;}

/* JUNIQ 206 — premium mobile/tablet hamburger menu fix.
   Desktop remains unchanged. Phone and tablet use one clean hamburger menu.
   No cheap circular/pill tabs around the menu names. */
@media (max-width:1180px){
  .site-header{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:auto!important;
    height:auto!important;
    padding:10px 0!important;
    overflow:visible!important;
  }
  .site-header .brand,
  .site-header .brand-lockup,
  .brand{
    order:1!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 66px)!important;
    margin:0!important;
    justify-content:flex-start!important;
  }
  .site-header .brand img,
  .site-header .brand-lockup img,
  .brand img,
  .brand-logo-img{
    width:auto!important;
    max-width:100%!important;
    max-height:92px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .menu-toggle{
    order:2!important;
    display:inline-flex!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:6px!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    border:1px solid rgba(246,205,82,.36)!important;
    border-radius:14px!important;
    background:rgba(7,18,40,.86)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
    cursor:pointer!important;
  }
  .menu-toggle span{
    display:block!important;
    width:22px!important;
    height:2px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#f8fbff!important;
  }
  .site-header .header-actions,
  .header-actions{
    display:none!important;
  }
  .site-header .main-nav,
  .main-nav{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 8px)!important;
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100svh - 120px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:10px 0!important;
    border:1px solid rgba(246,205,82,.22)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(2,8,23,.985),rgba(5,16,36,.985))!important;
    box-shadow:0 28px 80px rgba(0,0,0,.46)!important;
    z-index:999!important;
  }
  .site-header .main-nav.open,
  .main-nav.open{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .site-header .main-nav .nav-link,
  .main-nav .nav-link,
  .nav-link{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:15px 20px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
    color:#edf3ff!important;
    -webkit-text-fill-color:#edf3ff!important;
    opacity:1!important;
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:normal!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .site-header .main-nav .nav-link:last-child,
  .main-nav .nav-link:last-child{border-bottom:0!important;}
  .site-header .main-nav .nav-link:hover,
  .site-header .main-nav .nav-link.active,
  .main-nav .nav-link:hover,
  .main-nav .nav-link.active{
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    background:rgba(246,205,82,.06)!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  .site-header .main-nav .menu-access-only,
  .main-nav .menu-access-only,
  .site-header .main-nav a.nav-link[href="accessibility.html"],
  .main-nav a.nav-link[href="accessibility.html"]{
    color:#42ed9d!important;
    -webkit-text-fill-color:#42ed9d!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  .site-header .main-nav .menu-access-only:hover,
  .site-header .main-nav .menu-access-only.active,
  .main-nav .menu-access-only:hover,
  .main-nav .menu-access-only.active{
    color:#42ed9d!important;
    -webkit-text-fill-color:#42ed9d!important;
    background:rgba(66,237,157,.055)!important;
  }
}
@media (max-width:620px){
  .site-header .brand img,
  .site-header .brand-lockup img,
  .brand img,
  .brand-logo-img{max-height:76px!important;}
  .site-header .main-nav,
  .main-nav{top:calc(100% + 6px)!important;max-height:calc(100svh - 100px)!important;}
  .site-header .main-nav .nav-link,
  .main-nav .nav-link,
  .nav-link{font-size:15.5px!important;padding:14px 18px!important;}
}

/* JUNIQ 207 — premium top header alignment.
   Logo stays left. Home | Talk to JUNI | Record sit top-right in line with the logo.
   Hamburger opens the full approved menu. No cheap circular/pill labels. */
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(14px,1.8vw,26px)!important;
  height:auto!important;
  min-height:112px!important;
  padding:14px 0!important;
  overflow:visible!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(2,8,23,.88)!important;
  backdrop-filter:blur(18px)!important;
}
.site-header .brand,
.site-header .brand-lockup,
.brand{
  order:1!important;
  flex:0 1 auto!important;
  width:clamp(330px,32vw,560px)!important;
  min-width:260px!important;
  max-width:560px!important;
  margin:0 auto 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.site-header .brand img,
.site-header .brand-lockup img,
.brand img,
.brand-logo-img{
  width:100%!important;
  height:auto!important;
  max-height:108px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header .main-nav,
.main-nav{
  order:2!important;
  position:static!important;
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  align-items:center!important;
  justify-content:flex-end!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header .main-nav .nav-link,
.main-nav .nav-link{
  display:none!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#edf3ff!important;
  -webkit-text-fill-color:#edf3ff!important;
  opacity:.96!important;
  font-size:clamp(13px,1vw,15px)!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.site-header .main-nav .nav-link:nth-child(-n+3),
.main-nav .nav-link:nth-child(-n+3){display:inline-flex!important;align-items:center!important;}
.site-header .main-nav .nav-link:nth-child(1)::after,
.site-header .main-nav .nav-link:nth-child(2)::after,
.main-nav .nav-link:nth-child(1)::after,
.main-nav .nav-link:nth-child(2)::after{
  content:"|";
  display:inline-block;
  margin-left:24px;
  color:rgba(246,205,82,.56)!important;
  -webkit-text-fill-color:rgba(246,205,82,.56)!important;
  font-weight:700;
}
.site-header .main-nav .nav-link:hover,
.site-header .main-nav .nav-link.active,
.main-nav .nav-link:hover,
.main-nav .nav-link.active{
  color:#f6cd52!important;
  -webkit-text-fill-color:#f6cd52!important;
  background:transparent!important;
  box-shadow:none!important;
}
.menu-toggle{
  order:3!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:48px!important;
  height:44px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0 0 0 4px!important;
  padding:0!important;
  border:1px solid rgba(246,205,82,.34)!important;
  border-radius:12px!important;
  background:rgba(7,18,40,.72)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
}
.menu-toggle span{
  display:block!important;
  width:22px!important;
  height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#f8fbff!important;
}
.site-header .header-actions,
.header-actions{display:none!important;}

/* Open state: the hamburger reveals the complete approved menu as a premium dropdown. */
.site-header .main-nav.open,
.main-nav.open{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:min(430px,calc(100vw - 40px))!important;
  max-width:min(430px,calc(100vw - 40px))!important;
  max-height:calc(100svh - 130px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:10px 0!important;
  border:1px solid rgba(246,205,82,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(2,8,23,.99),rgba(5,16,36,.99))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.48)!important;
  z-index:1000!important;
}
.site-header .main-nav.open .nav-link,
.main-nav.open .nav-link{
  display:flex!important;
  width:100%!important;
  min-height:0!important;
  padding:15px 20px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  color:#edf3ff!important;
  -webkit-text-fill-color:#edf3ff!important;
  text-align:left!important;
  justify-content:flex-start!important;
  font-size:16px!important;
  line-height:1.25!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  border-radius:0!important;
}
.site-header .main-nav.open .nav-link::after,
.main-nav.open .nav-link::after{display:none!important;content:none!important;}
.site-header .main-nav.open .nav-link:last-child,
.main-nav.open .nav-link:last-child{border-bottom:0!important;}
.site-header .main-nav.open .nav-link:hover,
.site-header .main-nav.open .nav-link.active,
.main-nav.open .nav-link:hover,
.main-nav.open .nav-link.active{
  color:#f6cd52!important;
  -webkit-text-fill-color:#f6cd52!important;
  background:rgba(246,205,82,.07)!important;
}
.site-header .main-nav.open .menu-access-only,
.main-nav.open .menu-access-only,
.site-header .main-nav.open a.nav-link[href="accessibility.html"],
.main-nav.open a.nav-link[href="accessibility.html"]{
  color:#42ed9d!important;
  -webkit-text-fill-color:#42ed9d!important;
  background:transparent!important;
}
.site-header .main-nav.open .menu-access-only:hover,
.site-header .main-nav.open .menu-access-only.active,
.main-nav.open .menu-access-only:hover,
.main-nav.open .menu-access-only.active{
  color:#42ed9d!important;
  -webkit-text-fill-color:#42ed9d!important;
  background:rgba(66,237,157,.055)!important;
}

@media (max-width:900px){
  .site-header{min-height:92px!important;padding:10px 0!important;gap:10px!important;}
  .site-header .brand,.site-header .brand-lockup,.brand{width:min(54vw,360px)!important;min-width:190px!important;}
  .site-header .brand img,.site-header .brand-lockup img,.brand img,.brand-logo-img{max-height:76px!important;}
  .site-header .main-nav .nav-link:nth-child(-n+3),
  .main-nav .nav-link:nth-child(-n+3){font-size:12px!important;padding:0 8px!important;}
  .site-header .main-nav .nav-link:nth-child(1)::after,
  .site-header .main-nav .nav-link:nth-child(2)::after,
  .main-nav .nav-link:nth-child(1)::after,
  .main-nav .nav-link:nth-child(2)::after{margin-left:14px!important;}
  .menu-toggle{width:44px!important;height:42px!important;}
}
@media (max-width:720px){
  .site-header{min-height:82px!important;}
  .site-header .brand,.site-header .brand-lockup,.brand{width:min(68vw,330px)!important;min-width:0!important;max-width:calc(100% - 62px)!important;}
  .site-header .brand img,.site-header .brand-lockup img,.brand img,.brand-logo-img{max-height:70px!important;}
  .site-header .main-nav,
  .main-nav{display:none!important;}
  .site-header .main-nav.open,
  .main-nav.open{
    display:flex!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 8px)!important;
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100svh - 98px)!important;
  }
  .site-header .main-nav.open .nav-link,
  .main-nav.open .nav-link{font-size:15.5px!important;padding:14px 18px!important;}
}

/* JUNIQ 208 — mobile/tablet premium header: three gold links + blue hamburger.
   Desktop remains as version 207. Mobile/tablet shows HOME | TALK TO JUNI | RECORD |
   with the hamburger immediately to the right. The full menu opens from the hamburger. */
@media (max-width:900px){
  .site-header{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px 10px!important;
    min-height:0!important;
    height:auto!important;
    padding:10px 0 12px!important;
    position:sticky!important;
    top:0!important;
    overflow:visible!important;
  }
  .site-header .brand,
  .site-header .brand-lockup,
  .brand{
    order:1!important;
    flex:1 1 100%!important;
    width:min(78vw,430px)!important;
    max-width:min(78vw,430px)!important;
    min-width:0!important;
    margin:0 auto 2px 0!important;
  }
  .site-header .brand img,
  .site-header .brand-lockup img,
  .brand img,
  .brand-logo-img{
    max-height:78px!important;
    width:100%!important;
    height:auto!important;
  }
  .site-header .main-nav,
  .main-nav{
    order:2!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:calc(100% - 54px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .site-header .main-nav .nav-link,
  .main-nav .nav-link{
    display:none!important;
  }
  .site-header .main-nav .nav-link:nth-child(-n+3),
  .main-nav .nav-link:nth-child(-n+3){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    padding:0 7px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    font-size:clamp(10.6px,2.75vw,13px)!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    opacity:1!important;
  }
  .site-header .main-nav .nav-link:nth-child(-n+3):hover,
  .site-header .main-nav .nav-link:nth-child(-n+3).active,
  .main-nav .nav-link:nth-child(-n+3):hover,
  .main-nav .nav-link:nth-child(-n+3).active{
    color:#ffe89a!important;
    -webkit-text-fill-color:#ffe89a!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .site-header .main-nav .nav-link:nth-child(1)::after,
  .site-header .main-nav .nav-link:nth-child(2)::after,
  .site-header .main-nav .nav-link:nth-child(3)::after,
  .main-nav .nav-link:nth-child(1)::after,
  .main-nav .nav-link:nth-child(2)::after,
  .main-nav .nav-link:nth-child(3)::after{
    content:"|"!important;
    display:inline-block!important;
    margin-left:10px!important;
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    opacity:.9!important;
    font-weight:900!important;
  }
  .menu-toggle{
    order:3!important;
    flex:0 0 46px!important;
    width:46px!important;
    height:42px!important;
    min-width:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:6px!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    border:1px solid rgba(77,163,255,.58)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#0b4dff,#123b91)!important;
    box-shadow:0 12px 30px rgba(37,99,255,.24), inset 0 1px 0 rgba(255,255,255,.16)!important;
    cursor:pointer!important;
  }
  .menu-toggle span{
    display:block!important;
    width:23px!important;
    height:2.5px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#ffffff!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.03)!important;
  }
  .menu-toggle[aria-expanded="true"]{
    background:linear-gradient(135deg,#2563ff,#061f66)!important;
  }
  .site-header .header-actions,
  .header-actions{
    display:none!important;
  }
  .site-header .main-nav.open,
  .main-nav.open{
    order:4!important;
    flex:1 1 100%!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100svh - 126px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin:0!important;
    padding:8px 0!important;
    border:1px solid rgba(77,163,255,.28)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(2,8,23,.99),rgba(5,16,36,.99))!important;
    box-shadow:0 30px 90px rgba(0,0,0,.48)!important;
    overflow:auto!important;
    z-index:1000!important;
  }
  .site-header .main-nav.open .nav-link,
  .main-nav.open .nav-link{
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    padding:15px 20px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    color:#edf3ff!important;
    -webkit-text-fill-color:#edf3ff!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
    justify-content:flex-start!important;
    font-size:16px!important;
    line-height:1.25!important;
    text-transform:none!important;
    letter-spacing:.01em!important;
    border-radius:0!important;
  }
  .site-header .main-nav.open .nav-link:nth-child(1),
  .site-header .main-nav.open .nav-link:nth-child(2),
  .site-header .main-nav.open .nav-link:nth-child(3),
  .main-nav.open .nav-link:nth-child(1),
  .main-nav.open .nav-link:nth-child(2),
  .main-nav.open .nav-link:nth-child(3){
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    font-weight:900!important;
  }
  .site-header .main-nav.open .nav-link::after,
  .main-nav.open .nav-link::after{
    display:none!important;
    content:none!important;
  }
  .site-header .main-nav.open .menu-access-only,
  .main-nav.open .menu-access-only,
  .site-header .main-nav.open a.nav-link[href="accessibility.html"],
  .main-nav.open a.nav-link[href="accessibility.html"]{
    color:#42ed9d!important;
    -webkit-text-fill-color:#42ed9d!important;
  }
}
@media (max-width:390px){
  .site-header .brand,.site-header .brand-lockup,.brand{width:min(74vw,320px)!important;max-width:min(74vw,320px)!important;}
  .site-header .brand img,.site-header .brand-lockup img,.brand img,.brand-logo-img{max-height:66px!important;}
  .site-header .main-nav,.main-nav{max-width:calc(100% - 48px)!important;}
  .site-header .main-nav .nav-link:nth-child(-n+3),
  .main-nav .nav-link:nth-child(-n+3){font-size:10px!important;padding:0 4px!important;letter-spacing:.015em!important;}
  .site-header .main-nav .nav-link:nth-child(1)::after,
  .site-header .main-nav .nav-link:nth-child(2)::after,
  .site-header .main-nav .nav-link:nth-child(3)::after,
  .main-nav .nav-link:nth-child(1)::after,
  .main-nav .nav-link:nth-child(2)::after,
  .main-nav .nav-link:nth-child(3)::after{margin-left:6px!important;}
  .menu-toggle{width:42px!important;height:40px!important;min-width:42px!important;border-radius:11px!important;}
  .menu-toggle span{width:21px!important;}
}

/* JUNIQ 209 — desktop/business header correction.
   Desktop only: Home, Talk to JUNI and Record are three separate gold tabs
   aligned top-right with the JUNIQ logo. They are not a lower/bottom tab row.
   Mobile/tablet keeps the version 208 header and blue hamburger. */
@media (min-width:901px){
  .site-header{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:clamp(18px,2.4vw,38px)!important;
    min-height:118px!important;
    height:auto!important;
    padding:14px 0!important;
  }
  .site-header .brand,
  .site-header .brand-lockup,
  .brand{
    order:1!important;
    flex:0 1 auto!important;
    width:clamp(390px,34vw,620px)!important;
    min-width:330px!important;
    max-width:620px!important;
    margin:0!important;
    align-self:center!important;
  }
  .site-header .brand img,
  .site-header .brand-lockup img,
  .brand img,
  .brand-logo-img{
    width:100%!important;
    max-height:110px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header .main-nav,
  .main-nav{
    order:2!important;
    margin-left:auto!important;
    margin-right:0!important;
    position:static!important;
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    gap:clamp(12px,1.25vw,22px)!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    align-self:center!important;
  }
  .site-header .main-nav .nav-link,
  .main-nav .nav-link{
    display:none!important;
  }
  .site-header .main-nav .nav-link:nth-child(-n+3),
  .main-nav .nav-link:nth-child(-n+3){
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    text-shadow:0 0 18px rgba(246,205,82,.12)!important;
    opacity:1!important;
    font-size:clamp(14px,1.1vw,17px)!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .site-header .main-nav .nav-link:nth-child(-n+3):hover,
  .site-header .main-nav .nav-link:nth-child(-n+3).active,
  .main-nav .nav-link:nth-child(-n+3):hover,
  .main-nav .nav-link:nth-child(-n+3).active{
    color:#ffe89a!important;
    -webkit-text-fill-color:#ffe89a!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .site-header .main-nav .nav-link:nth-child(1)::after,
  .site-header .main-nav .nav-link:nth-child(2)::after,
  .main-nav .nav-link:nth-child(1)::after,
  .main-nav .nav-link:nth-child(2)::after{
    content:"|"!important;
    display:inline-block!important;
    margin-left:clamp(14px,1.2vw,24px)!important;
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    opacity:.72!important;
    font-weight:850!important;
  }
  .site-header .main-nav .nav-link:nth-child(3)::after,
  .main-nav .nav-link:nth-child(3)::after{
    content:""!important;
    display:none!important;
  }
  .site-header .menu-toggle,
  .menu-toggle{
    display:none!important;
  }
  .site-header .header-actions,
  .header-actions{
    display:none!important;
  }
}

/* JUNIQ 210 — desktop header correction.
   Desktop website: show three gold business tabs top-right aligned with logo,
   and restore a blue hamburger beside them for all remaining approved tabs.
   Mobile/tablet keep the existing clean hamburger/header behaviour. */
@media (min-width:901px){
  .site-header{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    position:sticky!important;
    min-height:118px!important;
    height:auto!important;
    padding:14px 0!important;
    gap:clamp(18px,2.2vw,34px)!important;
  }
  .site-header .brand,
  .site-header .brand-lockup,
  .brand{
    order:1!important;
    flex:0 1 auto!important;
    width:clamp(390px,34vw,620px)!important;
    min-width:330px!important;
    max-width:620px!important;
    margin:0!important;
    align-self:center!important;
  }
  .site-header .brand img,
  .site-header .brand-lockup img,
  .brand img,
  .brand-logo-img{
    width:100%!important;
    max-height:110px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .desktop-primary-nav{
    order:2!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .desktop-primary-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-shadow:0 0 18px rgba(246,205,82,.14)!important;
    opacity:1!important;
    font-size:clamp(14px,1.1vw,17px)!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }
  .desktop-primary-link:not(:last-child)::after{
    content:"|"!important;
    display:inline-block!important;
    margin:0 clamp(14px,1.15vw,23px)!important;
    color:#f6cd52!important;
    -webkit-text-fill-color:#f6cd52!important;
    opacity:.74!important;
    font-weight:850!important;
  }
  .desktop-primary-link:hover,
  .desktop-primary-link:focus-visible{
    color:#ffe89a!important;
    -webkit-text-fill-color:#ffe89a!important;
    outline:none!important;
  }

  /* Keep the full navigation hidden until the hamburger opens on desktop. */
  .site-header .main-nav,
  .main-nav{
    order:4!important;
    display:none!important;
    margin:0!important;
  }
  .site-header .menu-toggle,
  .menu-toggle{
    order:3!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    width:46px!important;
    height:42px!important;
    min-width:46px!important;
    border:1px solid rgba(77,163,255,.55)!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#2563ff,#061f66)!important;
    box-shadow:0 14px 34px rgba(37,99,255,.24)!important;
    padding:0!important;
    margin:0 0 0 2px!important;
    cursor:pointer!important;
  }
  .menu-toggle span{
    display:block!important;
    width:22px!important;
    height:2.5px!important;
    margin:2.7px 0!important;
    border-radius:999px!important;
    background:#fff!important;
  }
  .menu-toggle[aria-expanded="true"]{
    filter:brightness(1.08)!important;
  }
  .site-header .main-nav.open,
  .main-nav.open{
    display:flex!important;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    width:min(360px,calc(100vw - 32px))!important;
    max-width:min(360px,calc(100vw - 32px))!important;
    max-height:calc(100svh - 150px)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:8px 0!important;
    border:1px solid rgba(77,163,255,.28)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(2,8,23,.99),rgba(5,16,36,.99))!important;
    box-shadow:0 30px 90px rgba(0,0,0,.52)!important;
    overflow:auto!important;
    z-index:1000!important;
  }
  .site-header .main-nav.open .nav-link,
  .main-nav.open .nav-link{
    display:flex!important;
    width:100%!important;
    padding:15px 20px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    color:#edf3ff!important;
    -webkit-text-fill-color:#edf3ff!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:left!important;
    justify-content:flex-start!important;
    font-size:16px!important;
    line-height:1.25!important;
    text-transform:none!important;
    letter-spacing:.01em!important;
    border-radius:0!important;
  }
  /* Do not duplicate the three business tabs in the opened desktop hamburger. */
  .site-header .main-nav.open .nav-link:nth-child(1),
  .site-header .main-nav.open .nav-link:nth-child(2),
  .site-header .main-nav.open .nav-link:nth-child(3),
  .main-nav.open .nav-link:nth-child(1),
  .main-nav.open .nav-link:nth-child(2),
  .main-nav.open .nav-link:nth-child(3){
    display:none!important;
  }
  .site-header .main-nav.open .nav-link::after,
  .main-nav.open .nav-link::after{
    display:none!important;
    content:none!important;
  }
  .site-header .main-nav.open .menu-access-only,
  .main-nav.open .menu-access-only,
  .site-header .main-nav.open a.nav-link[href="accessibility.html"],
  .main-nav.open a.nav-link[href="accessibility.html"]{
    color:#42ed9d!important;
    -webkit-text-fill-color:#42ed9d!important;
  }
  .site-header .header-actions,
  .header-actions{display:none!important;}
}
@media (max-width:900px){
  .desktop-primary-nav{display:none!important;}
}


/* JUNIQ 211 — Upload Evidence / matter intake workspace */
.evidence-hero-copy{max-width:720px!important;}
.evidence-title{font-size:clamp(2.9rem,6.2vw,6.9rem)!important;line-height:.96!important;margin:0 0 18px!important;}
.evidence-sub{font-size:clamp(1.12rem,1.55vw,1.45rem)!important;line-height:1.58!important;color:#dfe7f8!important;max-width:840px!important;}
.evidence-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px;}
.evidence-chip-row span{display:inline-flex;align-items:center;min-height:38px;border:1px solid rgba(246,205,82,.28);background:rgba(246,205,82,.075);border-radius:999px;padding:8px 13px;color:#f8fbff;font-weight:850;font-size:.9rem;letter-spacing:.015em;}
.evidence-workspace{padding-top:clamp(44px,6vw,96px)!important;}
.evidence-headline h2{font-size:clamp(2.4rem,4.8vw,5.6rem)!important;line-height:1!important;}
.evidence-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:24px;align-items:start;margin-top:30px;}
.evidence-panel{border:1px solid rgba(246,205,82,.18);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.032));border-radius:30px;padding:clamp(20px,2.6vw,34px);box-shadow:0 28px 90px rgba(0,0,0,.30);}
.evidence-panel-title{display:flex;align-items:center;gap:12px;margin:0 0 18px;}
.evidence-panel-title span{display:inline-flex;width:36px;height:36px;border-radius:12px;align-items:center;justify-content:center;background:rgba(246,205,82,.13);border:1px solid rgba(246,205,82,.42);color:#f6cd52;font-weight:950;}
.evidence-panel-title h3{margin:0;color:#f8fbff;font-size:clamp(1.12rem,1.4vw,1.35rem);}
.evidence-panel label{display:block;margin:14px 0;color:#f8fbff;font-weight:850;font-size:.98rem;}
.evidence-panel input,.evidence-panel textarea,.evidence-panel select{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.14);background:rgba(1,7,18,.76);border-radius:16px;color:#f8fbff;padding:14px 15px;font:inherit;line-height:1.45;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.evidence-panel textarea{resize:vertical;min-height:112px;}
.evidence-panel input:focus,.evidence-panel textarea:focus,.evidence-panel select:focus{outline:3px solid rgba(246,205,82,.28);border-color:rgba(246,205,82,.55);}
.evidence-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.drop-zone{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:210px;border:2px dashed rgba(77,163,255,.45)!important;background:linear-gradient(180deg,rgba(77,163,255,.10),rgba(246,205,82,.055));border-radius:24px;padding:26px!important;cursor:pointer;}
.drop-zone:hover{border-color:rgba(246,205,82,.55)!important;background:linear-gradient(180deg,rgba(77,163,255,.14),rgba(246,205,82,.075));}
.drop-zone strong{font-size:clamp(1.2rem,2.2vw,1.7rem);color:#f6cd52;margin-bottom:8px;}
.drop-zone em{font-style:normal;color:#cbd6ea;line-height:1.5;max-width:620px;}
.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0!important;padding:0!important;}
.file-list{display:grid;gap:10px;margin:14px 0 22px;}
.file-list article{border:1px solid rgba(255,255,255,.10);background:rgba(5,16,36,.68);border-radius:16px;padding:12px 14px;color:#dbe5f7;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}
.file-list strong{color:#f8fbff;display:block;margin-bottom:4px;}.file-list small{color:#aebbd2;}
.evidence-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px;}
.evidence-check-grid label,.evidence-consent{display:flex!important;gap:10px;align-items:center;margin:0!important;border:1px solid rgba(255,255,255,.10);background:rgba(5,16,36,.62);border-radius:14px;padding:12px 13px;color:#dfe7f8!important;font-weight:800!important;}
.evidence-check-grid input,.evidence-consent input{width:auto!important;margin:0!important;accent-color:#f6cd52;}
.evidence-actions{margin-top:20px;}
.evidence-output-panel{position:sticky;top:138px;}
.evidence-note{color:#c4ccdc;line-height:1.6;margin-top:0;}
.pack-preview,.juni-answer-box{white-space:pre-wrap;word-break:break-word;border:1px solid rgba(77,163,255,.18);background:rgba(1,7,18,.72);border-radius:20px;padding:18px;min-height:220px;color:#dfe7f8;line-height:1.58;font-size:.98rem;max-height:520px;overflow:auto;}
.juni-answer-box{margin-top:18px;min-height:0;display:none;}
.juni-answer-box.active{display:block;}
.evidence-use-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.evidence-use-grid .card h3{color:#f6cd52!important;}
.evidence-use-grid .card p{color:#cbd6ea!important;line-height:1.62;}
.nav-link[href="upload.html"]{font-weight:900!important;}
@media(max-width:1100px){.evidence-grid{grid-template-columns:1fr}.evidence-output-panel{position:relative;top:auto}.evidence-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.evidence-title{font-size:clamp(2.55rem,14vw,4.6rem)!important;text-align:center}.evidence-sub{text-align:center}.evidence-chip-row{justify-content:center}.evidence-two,.evidence-check-grid,.evidence-use-grid{grid-template-columns:1fr}.evidence-panel{border-radius:22px;padding:18px}.file-list article{flex-direction:column}.pack-preview,.juni-answer-box{font-size:.92rem;max-height:none}.evidence-actions .btn{width:100%;}}


/* JUNIQ 213 — Stripe payment confidence and secure billing messaging */
.payment-trust-panel,
.stripe-confidence-panel{
  margin:28px 0!important;
  border:1px solid rgba(246,205,82,.28)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(246,205,82,.105),rgba(77,163,255,.055))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.32)!important;
  padding:clamp(22px,3vw,36px)!important;
}
.payment-trust-panel h2,
.payment-trust-panel h3,
.stripe-confidence-panel h2,
.stripe-confidence-panel h3{
  margin:0 0 12px!important;
  color:#f8fbff!important;
  font-size:clamp(1.7rem,3.2vw,3.8rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.payment-trust-panel p,
.stripe-confidence-panel p{
  margin:0!important;
  color:#dfe7f8!important;
  font-size:clamp(1.02rem,1.25vw,1.22rem)!important;
  line-height:1.62!important;
}
.payment-trust-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:22px!important;
}
.payment-trust-card{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  background:rgba(4,12,28,.72)!important;
  padding:18px!important;
}
.payment-trust-card strong{
  display:block!important;
  color:#f6cd52!important;
  font-size:1.02rem!important;
  margin-bottom:8px!important;
}
.payment-trust-card span{
  display:block!important;
  color:#cdd8ec!important;
  line-height:1.48!important;
  font-size:.95rem!important;
}
.stripe-secure-badge-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:18px 0 4px!important;
}
.stripe-secure-badge-row span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  border:1px solid rgba(246,205,82,.26)!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  background:rgba(246,205,82,.08)!important;
  color:#f8fbff!important;
  font-weight:850!important;
  font-size:.9rem!important;
}
.juniq-payment-trust-footer{
  margin-top:18px!important;
  padding:14px 0 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#bfcbe2!important;
  font-size:.9rem!important;
  line-height:1.5!important;
}
.juniq-payment-trust-footer strong{color:#f6cd52!important;}
@media(max-width:980px){
  .payment-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .payment-trust-grid{grid-template-columns:1fr!important;}
  .payment-trust-panel,.stripe-confidence-panel{border-radius:22px!important;padding:20px!important;}
}