
/* ===== inlined jiq-home.css ===== */
body.jiq-home-active{
  --navy:#0C3158; --navy-2:#123F6E; --navy-3:#1A4C82; --deep:#071E36; --deepest:#051627;
  --gold:#F5A623; --gold-2:#F0821E; --gold-3:#E4551F;
  --ink:#182635; --muted:#5E6E80; --faint:#93A2B4;
  --paper:#FBF9F6; --warm:#FFF6EB; --cool:#F3F7FC;
  --line:#E9E4DC; --line-cool:#E3EAF3;
  --green:#12B76A;
  --serif:"Enriqueta",Rockwell,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --max:1210px;
  --gold-grad:linear-gradient(120deg,#FFC24B 0%,#F5A623 38%,#F0821E 72%,#E4551F 100%);
}
body.jiq-home-active *{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body.jiq-home-active{
  font-family:var(--sans);color:var(--ink);background:var(--paper);
  font-size:16.5px;line-height:1.66;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
/* film grain for expensive texture */
body.jiq-home-active::after{
  content:"";position:fixed;inset:-50%;z-index:2000;pointer-events:none;opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body.jiq-home-active .wrap{max-width:var(--max);margin:0 auto;padding:0 26px;position:relative}
body.jiq-home-active a{text-decoration:none;color:inherit}
body.jiq-home-active img{max-width:100%;display:block}
body.jiq-home-active h1, body.jiq-home-active h2, body.jiq-home-active h3{font-family:var(--serif);font-weight:700;color:var(--navy)}
body.jiq-home-active h1, body.jiq-home-active h2{letter-spacing:-.01em}
body.jiq-home-active .gold-text{
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
/* ================= buttons ================= */
body.jiq-home-active .btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;
  background:var(--gold-grad);color:#fff;font-weight:800;font-size:15px;font-family:var(--sans);
  padding:13px 26px;border-radius:999px;border:0;cursor:pointer;overflow:hidden;white-space:nowrap;
  box-shadow:0 18px 40px -12px rgba(228,85,31,.55),0 4px 12px -4px rgba(228,85,31,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 8px rgba(160,50,0,.25);
  transition:transform .2s cubic-bezier(.2,.7,.3,1.4),box-shadow .2s;
  text-shadow:0 1px 2px rgba(150,50,0,.25);
}
body.jiq-home-active .btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 26px 52px -14px rgba(228,85,31,.6),0 6px 16px -6px rgba(228,85,31,.45),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 8px rgba(160,50,0,.25)}
body.jiq-home-active .btn:active{transform:translateY(-1px) scale(.99)}
body.jiq-home-active .btn::after{
  content:"";position:absolute;top:-40%;bottom:-40%;left:-80%;width:34%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.65),transparent);
  transform:skewX(-18deg);animation:shine 3.4s ease-in-out infinite;
}
@keyframes shine{0%,58%{left:-80%}88%,100%{left:140%}}
body.jiq-home-active .btn .arr{transition:transform .2s}
body.jiq-home-active .btn:hover .arr{transform:translateX(5px)}
body.jiq-home-active .btn-lg{font-size:16px;padding:15px 32px}
body.jiq-home-active .btn-glass{
  display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:14.5px;color:#fff;
  padding:14px 24px;border-radius:999px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:all .22s;white-space:nowrap;
}
body.jiq-home-active .btn-glass:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);border-color:rgba(255,255,255,.4)}
/* ================= header ================= */
body.jiq-home-active header.site{position:sticky;top:14px;z-index:80}
body.jiq-home-active .navpill{
  display:flex;align-items:center;gap:26px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  border-radius:999px;padding:10px 12px 10px 26px;
  box-shadow:0 24px 60px -20px rgba(5,22,39,.45),0 2px 8px -2px rgba(5,22,39,.12),0 0 0 1px rgba(255,255,255,.6) inset,0 0 0 1px rgba(230,228,220,.7);
}
body.jiq-home-active .navpill .logo{flex:0 0 auto;line-height:0}
body.jiq-home-active .navpill .logo img{height:46px;width:auto;max-width:none}
body.jiq-home-active .menu{display:flex;gap:30px;margin-left:auto;font-weight:600;font-size:15.5px;color:#3E4E63}
body.jiq-home-active .menu a{position:relative;padding:8px 1px;transition:color .2s}
body.jiq-home-active .menu a:hover{color:var(--navy)}
body.jiq-home-active .menu a::after{
  content:"";position:absolute;left:0;right:100%;bottom:1px;height:3px;border-radius:4px;
  background:var(--gold-grad);transition:right .24s cubic-bezier(.2,.7,.3,1);
}
body.jiq-home-active .menu a:hover::after{right:0}
body.jiq-home-active .nav-cta{padding:12px 24px;font-size:14px}
body.jiq-home-active .burger{
  display:none;place-items:center;width:48px;height:48px;border-radius:50%;
  background:linear-gradient(160deg,#F4F7FB,#E9EFF7);border:1px solid var(--line-cool);cursor:pointer;flex:0 0 auto;
}
/* ================= mobile menu sheet ================= */
body.jiq-home-active .msheet{position:fixed;inset:0;z-index:200;pointer-events:none}
body.jiq-home-active .msheet-backdrop{
  position:absolute;inset:0;background:rgba(5,22,39,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;transition:opacity .3s;
}
body.jiq-home-active .msheet-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(340px,86%);
  background:linear-gradient(170deg,#FFFFFF 0%,#FBF7F1 100%);
  box-shadow:-30px 0 80px -20px rgba(5,22,39,.5);
  display:flex;flex-direction:column;padding:18px 24px 28px;
  transform:translateX(105%);transition:transform .34s cubic-bezier(.25,.8,.3,1);
  border-radius:22px 0 0 22px;
}
body.jiq-home-active .msheet.open{pointer-events:auto}
body.jiq-home-active .msheet.open .msheet-backdrop{opacity:1}
body.jiq-home-active .msheet.open .msheet-panel{transform:none}
body.jiq-home-active .msheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
body.jiq-home-active .msheet-brand{display:flex;align-items:center;gap:10px;min-width:0}
body.jiq-home-active .msheet-brand .msheet-iq{height:26px;width:auto;flex:0 0 auto}
body.jiq-home-active .msheet-brand i{width:1px;height:24px;background:var(--line);flex:0 0 auto}
body.jiq-home-active .msheet-brand .msheet-iif{height:26px;width:auto;flex:0 1 auto;object-fit:contain;object-position:left}
body.jiq-home-active .msheet-x{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:var(--soft-warm);border:1px solid var(--line);
}
body.jiq-home-active .msheet-links{display:flex;flex-direction:column;padding:10px 0 6px;flex:1}
body.jiq-home-active .msheet-links a{
  font-family:var(--serif);font-weight:600;font-size:21px;color:var(--navy);
  padding:13px 4px;border-bottom:1px solid #F3EDE4;display:flex;align-items:center;justify-content:space-between;
}
body.jiq-home-active .msheet-links a::after{content:"\2192";font-family:var(--sans);font-size:15px;color:var(--gold-2);opacity:0;transform:translateX(-6px);transition:all .2s}
body.jiq-home-active .msheet-links a:active::after, body.jiq-home-active .msheet-links a:hover::after{opacity:1;transform:none}
body.jiq-home-active .msheet-cta{width:100%;justify-content:center;margin-top:10px}
body.jiq-home-active .msheet-foot{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;color:var(--muted)}
body.jiq-home-active .msheet-foot b{color:var(--navy)}
body.jiq-home-active .msheet-stars{height:16px;width:auto}
@media (prefers-reduced-motion:reduce){body.jiq-home-active .msheet-panel, body.jiq-home-active .msheet-backdrop{transition:none}}
/* ================= hero ================= */
body.jiq-home-active .hero{
  position:relative;margin-top:-96px;padding:168px 0 132px;color:#fff;overflow:hidden;
  background:linear-gradient(168deg,#123F6E 0%,#0C3158 34%,#071E36 72%,#051627 100%);
}
body.jiq-home-active .hero .aurora{position:absolute;inset:0;pointer-events:none}
body.jiq-home-active .hero .aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.85}
body.jiq-home-active .hero .aurora i:nth-child(1){width:760px;height:520px;left:52%;top:-16%;background:radial-gradient(closest-side,rgba(48,118,196,.75),transparent);animation:drift1 14s ease-in-out infinite}
body.jiq-home-active .hero .aurora i:nth-child(2){width:560px;height:480px;left:-14%;top:44%;background:radial-gradient(closest-side,rgba(240,130,30,.32),transparent);animation:drift2 17s ease-in-out infinite}
body.jiq-home-active .hero .aurora i:nth-child(3){width:430px;height:380px;right:-8%;bottom:-6%;background:radial-gradient(closest-side,rgba(245,166,35,.25),transparent);animation:drift1 20s ease-in-out infinite reverse}
@keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(-48px,34px)}}
@keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-30px)}}
body.jiq-home-active .hero .grid-tex{
  position:absolute;inset:0;opacity:.09;pointer-events:none;
  background-image:linear-gradient(to right,#8FB4DC 1px,transparent 1px),linear-gradient(to bottom,#8FB4DC 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(90% 80% at 50% 20%,#000 30%,transparent 85%);
  -webkit-mask-image:radial-gradient(90% 80% at 50% 20%,#000 30%,transparent 85%);
}
body.jiq-home-active .hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:220px;pointer-events:none;
  background:linear-gradient(180deg,rgba(251,249,246,0) 0%,rgba(251,249,246,.6) 66%,#FBF9F6 100%);
}
body.jiq-home-active .hero-grid{
  display:grid;grid-template-columns:1.04fr .96fr;grid-template-areas:"top vis" "bot vis" "proof vis";
  column-gap:64px;row-gap:18px;align-items:center;position:relative;z-index:3;
}
body.jiq-home-active .hero-top{grid-area:top;align-self:end}
body.jiq-home-active .hero-bottom{grid-area:bot}
body.jiq-home-active .hero-proofwrap{grid-area:proof;align-self:start}
body.jiq-home-active .hero-visual{grid-area:vis}
/* one slim stat-line: both live stats in a single quiet row */
body.jiq-home-active .statline{
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 14px;
  background:rgba(9,32,56,.5);border:1px solid rgba(255,255,255,.2);
  border-radius:999px;padding:6px 16px;margin-bottom:18px;
  font-size:12.5px;font-weight:600;color:#D7E4F3;letter-spacing:.01em;
}
body.jiq-home-active .statline span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
body.jiq-home-active .statline b{color:var(--gold);font-size:13px;font-variant-numeric:tabular-nums}
body.jiq-home-active .statline i{width:1px;height:13px;background:rgba(255,255,255,.22)}
body.jiq-home-active .statline .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.7s infinite;display:inline-block;font-style:normal}
body.jiq-home-active .chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 1.7s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(18,183,106,.55)}60%{box-shadow:0 0 0 8px rgba(18,183,106,0)}}
body.jiq-home-active .hero h1{
  color:#fff;font-size:clamp(36px,4.4vw,56px);line-height:1.08;
  text-shadow:0 4px 44px rgba(0,0,0,.35);
}
body.jiq-home-active .hero h1 .gold-text{filter:drop-shadow(0 4px 22px rgba(240,130,30,.45))}
body.jiq-home-active .hero p.lede{font-size:17px;color:#B9CDE3;max-width:31em;margin-bottom:24px;line-height:1.68}
body.jiq-home-active .hero-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body.jiq-home-active .hero-proof{
  display:flex;align-items:center;gap:12px;margin-top:20px;color:#9FB6CF;font-size:13.5px;flex-wrap:wrap;
}
body.jiq-home-active .hero-proof .stars5{height:24px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}
body.jiq-home-active .hero-proof b{color:#fff}
body.jiq-home-active .hero-proof .sep{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.3)}
/* hero visual */
body.jiq-home-active .hero-visual{position:relative;perspective:1200px}
body.jiq-home-active .pedestal{
  position:absolute;left:6%;right:6%;bottom:-34px;height:110px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(240,130,30,.4),rgba(240,130,30,.12) 55%,transparent 75%);
  filter:blur(18px);
}
body.jiq-home-active .devices{position:relative;transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}
body.jiq-home-active .devices img{
  width:100%;
  filter:drop-shadow(0 60px 70px rgba(0,0,0,.55)) drop-shadow(0 12px 24px rgba(0,0,0,.35));
}
body.jiq-home-active .orbit{
  position:absolute;border-radius:50%;border:1.5px dashed rgba(255,255,255,.14);
  animation:spin 40s linear infinite;pointer-events:none;
}
body.jiq-home-active .orbit-1{inset:-7% -9% -3% -9%}
@keyframes spin{to{transform:rotate(360deg)}}
body.jiq-home-active .float-card{
  position:absolute;display:flex;align-items:center;gap:13px;color:var(--ink);
  background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(255,250,242,.94));
  border-radius:18px;padding:15px 20px;
  box-shadow:0 30px 60px -18px rgba(5,22,39,.55),inset 0 1px 0 #fff;
  animation:bob 6s ease-in-out infinite;z-index:4;
}
body.jiq-home-active .float-card .t{font-size:12.5px;color:var(--muted);line-height:1.3;font-weight:600}
body.jiq-home-active .float-card .t b{display:block;font-size:17px;color:var(--navy);font-family:var(--serif);margin-bottom:2px}
body.jiq-home-active .fc2{bottom:8px;right:-30px}
body.jiq-home-active .fc-ic{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--gold-grad);color:#fff;box-shadow:0 10px 22px -8px rgba(228,85,31,.65),inset 0 1.5px 0 rgba(255,255,255,.45);
}
body.jiq-home-active .fc-stars{height:21px;width:auto}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
/* ================= trust strip ================= */
body.jiq-home-active .strip{position:relative;z-index:6;margin-top:-104px;padding-bottom:8px}
body.jiq-home-active .strip-inner{
  display:grid;grid-template-columns:repeat(4,1fr);position:relative;overflow:hidden;
  background:linear-gradient(150deg,rgba(21,66,113,.97) 0%,rgba(10,38,66,.98) 55%,rgba(6,25,45,.99) 100%);
  border-radius:24px;
  border:1px solid rgba(139,175,214,.28);
  box-shadow:0 46px 90px -32px rgba(4,17,31,.85),0 2px 0 rgba(255,255,255,.14) inset,0 -30px 60px -30px rgba(43,106,175,.35) inset;
}
body.jiq-home-active .strip-inner::before{ /* top gold hairline accent */
  content:"";position:absolute;top:0;left:8%;right:8%;height:2px;
  background:linear-gradient(90deg,transparent,rgba(245,166,35,.75),transparent);
}
body.jiq-home-active .strip-inner::after{ /* soft aurora inside */
  content:"";position:absolute;width:420px;height:220px;right:-10%;top:-60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(48,118,196,.4),transparent);filter:blur(40px);pointer-events:none;
}
body.jiq-home-active .strip-item{
  display:flex;align-items:center;gap:15px;padding:28px 26px;position:relative;z-index:2;
}
body.jiq-home-active .strip-item + .strip-item::before{
  content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(139,175,214,.35),transparent);
}
body.jiq-home-active .strip-item .ic{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;
  background:var(--gold-grad);color:#fff;
  box-shadow:0 12px 24px -8px rgba(228,85,31,.55),inset 0 1.5px 0 rgba(255,255,255,.4);
}
body.jiq-home-active .strip-item .tx b{
  display:block;font-family:var(--serif);font-size:23px;line-height:1.2;font-variant-numeric:tabular-nums;
  background:linear-gradient(120deg,#FFFFFF 20%,#CFE0F2 90%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.jiq-home-active .strip-item .tx span{
  font-size:10.5px;color:#8FA9C6;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
/* ================= section scaffolding ================= */
body.jiq-home-active section.blk{padding:110px 0 0}
body.jiq-home-active .kicker{
  display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:12.5px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold-3);margin-bottom:20px;
}
body.jiq-home-active .kicker::before, body.jiq-home-active .kicker.center-k::after{content:"";height:2px;width:34px;border-radius:2px;background:var(--gold-grad)}
body.jiq-home-active .blk h2{font-size:clamp(30px,3.8vw,48px);line-height:1.14;margin-bottom:18px;max-width:17em}
body.jiq-home-active .blk .sub{color:var(--muted);font-size:17.5px;max-width:44em;line-height:1.75}
body.jiq-home-active .center{text-align:center}
body.jiq-home-active .center h2, body.jiq-home-active .center .sub{margin-left:auto;margin-right:auto}
body.jiq-home-active .center .kicker{justify-content:center}
body.jiq-home-active .ghost-word{
  position:absolute;font-family:var(--serif);font-weight:700;color:var(--navy);
  opacity:.045;line-height:1;pointer-events:none;user-select:none;white-space:nowrap;
}
/* ================= why + instrument ================= */
body.jiq-home-active .why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;margin-top:10px}
body.jiq-home-active .why-copy p{color:var(--muted);margin-bottom:18px;font-size:16.5px;line-height:1.75}
body.jiq-home-active .why-copy p b{color:var(--navy)}
body.jiq-home-active .pts{margin-top:28px;display:grid;gap:16px}
body.jiq-home-active .pt{display:flex;gap:16px;align-items:flex-start}
body.jiq-home-active .pt .pk{
  width:30px;height:30px;border-radius:10px;background:linear-gradient(150deg,#E8FBF1,#D2F5E3);
  color:var(--green);display:grid;place-items:center;flex:0 0 auto;margin-top:1px;
  box-shadow:inset 0 1px 0 #fff;
}
body.jiq-home-active .pt p{font-size:16px;color:var(--ink);font-weight:600}
/* the instrument — animated curve + ladder in a rich card */
body.jiq-home-active .instrument{
  position:relative;border-radius:30px;overflow:hidden;color:#fff;
  background:linear-gradient(160deg,#123F6E 0%,#0C3158 55%,#071E36 100%);
  box-shadow:0 56px 110px -40px rgba(5,22,39,.65),inset 0 1px 0 rgba(255,255,255,.09);
  padding:34px 34px 28px;
}
body.jiq-home-active .instrument .in-glow{
  position:absolute;width:480px;height:340px;right:-16%;top:-24%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(48,118,196,.5),transparent);filter:blur(50px);pointer-events:none;
}
body.jiq-home-active .instrument .in-glow2{
  position:absolute;width:380px;height:280px;left:-14%;bottom:-20%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(240,130,30,.2),transparent);filter:blur(46px);pointer-events:none;
}
body.jiq-home-active .in-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;position:relative;z-index:2;flex-wrap:wrap}
body.jiq-home-active .in-head h3{color:#fff;font-size:20px;letter-spacing:0}
body.jiq-home-active .in-head .live{
  display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:#7CE7B2;
  background:rgba(18,183,106,.14);border:1px solid rgba(124,231,178,.3);border-radius:999px;padding:6px 14px;
}
body.jiq-home-active #curve{width:100%;height:auto;display:block;position:relative;z-index:2}
body.jiq-home-active .ladder{position:relative;z-index:2;margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:grid;gap:5px}
body.jiq-home-active .lrow{
  display:grid;grid-template-columns:112px 1fr auto;gap:16px;align-items:center;
  padding:10px 14px;border-radius:13px;transition:background .2s;
}
body.jiq-home-active .lrow:hover{background:rgba(255,255,255,.06)}
body.jiq-home-active .lrow.avg{background:linear-gradient(120deg,rgba(245,166,35,.16),rgba(245,166,35,.05));box-shadow:inset 0 0 0 1px rgba(245,166,35,.25)}
body.jiq-home-active .lrow .liq{font-family:var(--serif);font-weight:700;font-size:16px;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
body.jiq-home-active .lrow .lbar{position:relative;height:9px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
body.jiq-home-active .lrow .lbar i{
  position:absolute;top:0;bottom:0;left:var(--a);right:calc(100% - var(--b));border-radius:99px;
  box-shadow:0 0 14px rgba(245,166,35,.35);
  transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.7,.2,1);
}
body.jiq-home-active .instrument.in-view .lbar i{transform:scaleX(1)}
body.jiq-home-active .lrow .llab{font-size:13.5px;font-weight:700;color:#AFC4DC;white-space:nowrap}
body.jiq-home-active .lrow .llab.hot{color:var(--gold)}
body.jiq-home-active .lrow .llab em{font-style:normal;color:#6E87A5;font-weight:600;font-size:12px}
/* ================= IQ bands explainer ================= */
body.jiq-home-active .bands{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
body.jiq-home-active .band-card{
  background:#fff;border:1px solid rgba(233,228,220,.9);border-radius:18px;padding:24px 24px 22px;
  box-shadow:0 10px 28px -22px rgba(5,22,39,.3),inset 0 1px 0 #fff;
  transition:transform .25s,box-shadow .25s;
}
body.jiq-home-active .band-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(5,22,39,.4)}
body.jiq-home-active .band-card h3{
  display:flex;align-items:baseline;gap:10px;font-size:14px;color:var(--muted);
  font-family:var(--sans);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;
}
body.jiq-home-active .band-card h3 b{
  font-family:var(--serif);font-size:21px;color:var(--navy);letter-spacing:0;text-transform:none;
  font-variant-numeric:tabular-nums;
}
body.jiq-home-active .band-card:nth-child(1) h3, body.jiq-home-active .band-card:nth-child(2) h3{color:var(--gold-3)}
body.jiq-home-active .band-card p{font-size:14.5px;color:var(--muted);line-height:1.68}
/* ================= FAQ ================= */
body.jiq-home-active .faq{display:grid;gap:12px;margin-top:38px}
body.jiq-home-active .faq-item{
  background:#fff;border:1px solid rgba(233,228,220,.9);border-radius:16px;
  box-shadow:0 10px 26px -22px rgba(5,22,39,.3),inset 0 1px 0 #fff;
  overflow:hidden;text-align:left;
}
body.jiq-home-active .faq-item summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-family:var(--serif);font-weight:700;font-size:17px;color:var(--navy);
  padding:19px 22px;
}
body.jiq-home-active .faq-item summary::-webkit-details-marker{display:none}
body.jiq-home-active .faq-item summary::after{
  content:"+";font-family:var(--sans);font-weight:600;font-size:22px;line-height:1;color:var(--gold-2);
  transition:transform .25s;flex:0 0 auto;
}
body.jiq-home-active .faq-item[open] summary::after{transform:rotate(45deg)}
body.jiq-home-active .faq-item p{padding:0 22px 20px;color:var(--muted);font-size:15px;line-height:1.72;max-width:60em}
@media (max-width:1040px){body.jiq-home-active .bands{grid-template-columns:1fr 1fr}}
@media (max-width:760px){body.jiq-home-active .bands{grid-template-columns:1fr;gap:12px;margin-top:28px}body.jiq-home-active .band-card{padding:18px 18px 16px}body.jiq-home-active .faq{margin-top:26px;gap:10px}body.jiq-home-active .faq-item summary{font-size:15.5px;padding:15px 16px}body.jiq-home-active .faq-item p{padding:0 16px 16px}}
/* ================= celebs ================= */
body.jiq-home-active .blk-celebs{position:relative;padding-top:120px}
body.jiq-home-active .celebs{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:54px}
body.jiq-home-active .celeb{
  position:relative;background:linear-gradient(165deg,#FFFFFF,#FBF7F1);
  border-radius:24px;padding:0 20px 26px;text-align:center;overflow:hidden;
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 12px 34px -22px rgba(5,22,39,.3),inset 0 1px 0 #fff;
  transition:transform .3s cubic-bezier(.2,.7,.3,1.2),box-shadow .3s;
}
body.jiq-home-active .celeb:hover{transform:translateY(-9px);box-shadow:0 34px 64px -26px rgba(5,22,39,.42),inset 0 1px 0 #fff}
body.jiq-home-active .celeb .cap{
  margin:0 -20px 0;height:78px;position:relative;
  background:linear-gradient(150deg,#123F6E,#0C3158 70%,#0A2A4B);overflow:hidden;
}
body.jiq-home-active .celeb .cap::after{
  content:"";position:absolute;width:150px;height:100px;right:-30px;top:-40px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(245,166,35,.4),transparent);filter:blur(18px);
}
body.jiq-home-active .celeb .ghost-iq{
  position:absolute;top:6px;left:14px;font-family:var(--serif);font-weight:700;font-size:56px;
  color:rgba(255,255,255,.08);line-height:1;
}
body.jiq-home-active .celeb img.face{
  width:92px;height:92px;border-radius:50%;object-fit:cover;margin:-46px auto 14px;position:relative;z-index:2;
  border:4px solid #fff;box-shadow:0 14px 30px -10px rgba(5,22,39,.5);
  transition:transform .3s;
}
body.jiq-home-active .celeb:hover img.face{transform:scale(1.06) rotate(-2deg)}
body.jiq-home-active .celeb h3{font-size:17px;line-height:1.3;min-height:2.6em;display:flex;align-items:center;justify-content:center}
body.jiq-home-active .celeb .score{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:3px}
body.jiq-home-active .celeb .score small{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#A7B4C4}
body.jiq-home-active .celeb .score b{
  font-family:var(--serif);font-size:36px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 12px rgba(240,130,30,.3));
}
/* ================= how it works (navy) ================= */
body.jiq-home-active .blk-navy{
  margin-top:130px;position:relative;color:#fff;padding:104px 0 112px;overflow:hidden;
  background:linear-gradient(160deg,#123F6E 0%,#0C3158 45%,#071E36 100%);
}
body.jiq-home-active .blk-navy .aurora i{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}
body.jiq-home-active .blk-navy .aurora i:nth-child(1){width:640px;height:420px;right:-10%;top:-20%;background:radial-gradient(closest-side,rgba(48,118,196,.55),transparent)}
body.jiq-home-active .blk-navy .aurora i:nth-child(2){width:520px;height:400px;left:-12%;bottom:-24%;background:radial-gradient(closest-side,rgba(240,130,30,.22),transparent)}
body.jiq-home-active .blk-navy h2{color:#fff}
body.jiq-home-active .blk-navy .sub{color:#AFC4DC}
body.jiq-home-active .blk-navy .kicker{color:var(--gold)}
body.jiq-home-active .hiw{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:64px;position:relative;z-index:2}
body.jiq-home-active .hiw::before{
  content:"";position:absolute;top:26px;left:14%;right:14%;height:2px;
  background:repeating-linear-gradient(to right,rgba(245,166,35,.5) 0 10px,transparent 10px 22px);
  filter:drop-shadow(0 0 6px rgba(245,166,35,.35));
}
body.jiq-home-active .hiw-card{
  position:relative;border-radius:24px;padding:40px 30px 32px;
  background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 24px 54px -24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .28s,background .28s;
}
body.jiq-home-active .hiw-card:hover{transform:translateY(-8px);background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.05))}
body.jiq-home-active .hiw-card .coin{
  position:absolute;top:-27px;left:28px;width:54px;height:54px;border-radius:50%;
  background:var(--gold-grad);color:#fff;font-weight:800;font-size:20px;font-family:var(--serif);
  display:grid;place-items:center;
  box-shadow:0 14px 30px -8px rgba(228,85,31,.65),inset 0 2px 0 rgba(255,255,255,.45),0 0 0 6px rgba(245,166,35,.14);
}
body.jiq-home-active .hiw-card h3{color:#fff;font-size:20px;margin:16px 0 12px}
body.jiq-home-active .hiw-card p{color:#AFC4DC;font-size:15.5px;line-height:1.7}
body.jiq-home-active .hiw-cta{text-align:center;margin-top:66px;position:relative;z-index:2}
body.jiq-home-active .hiw-live{display:inline-flex;align-items:center;gap:11px;margin-bottom:26px;color:#7CE7B2;font-weight:700;font-size:16px}
body.jiq-home-active .hiw-live b{font-variant-numeric:tabular-nums}
body.jiq-home-active .hiw-live .dot{width:9px;height:9px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 1.7s infinite}
/* ================= features ================= */
body.jiq-home-active .feats{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:56px}
body.jiq-home-active .feat{
  position:relative;background:linear-gradient(165deg,#FFFFFF,#FCF9F4);
  border:1px solid rgba(233,228,220,.9);border-radius:26px;padding:38px 32px;
  box-shadow:0 14px 40px -26px rgba(5,22,39,.35),inset 0 1px 0 #fff;overflow:hidden;
  transition:transform .3s cubic-bezier(.2,.7,.3,1.2),box-shadow .3s;text-align:left;
}
body.jiq-home-active .feat:hover{transform:translateY(-8px);box-shadow:0 34px 70px -30px rgba(5,22,39,.45),inset 0 1px 0 #fff}
body.jiq-home-active .feat::before{
  content:"";position:absolute;width:220px;height:160px;right:-60px;top:-60px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(245,166,35,.14),transparent);filter:blur(8px);
  transition:opacity .3s;opacity:0;
}
body.jiq-home-active .feat:hover::before{opacity:1}
body.jiq-home-active .feat .ic{
  width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin-bottom:22px;
  background:linear-gradient(150deg,#123F6E,#0C3158);color:#fff;
  box-shadow:0 16px 30px -12px rgba(5,22,39,.55),inset 0 1.5px 0 rgba(255,255,255,.18);
}
body.jiq-home-active .feat:nth-child(2) .ic{background:var(--gold-grad);box-shadow:0 16px 30px -12px rgba(228,85,31,.55),inset 0 1.5px 0 rgba(255,255,255,.4)}
body.jiq-home-active .feat h3{font-size:20px;margin-bottom:12px}
body.jiq-home-active .feat p{color:var(--muted);font-size:15.5px;line-height:1.72}
/* ================= testimonials ================= */
body.jiq-home-active .blk-t{
  margin-top:130px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#FFF6EB 0%,#FBF9F6 100%);
  padding:100px 0 110px;
}
body.jiq-home-active .blk-t .ghost-word{font-size:200px;top:34px;left:50%;transform:translateX(-50%)}
body.jiq-home-active .rate-line{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0 52px;flex-wrap:wrap}
body.jiq-home-active .rate-line .stars5{height:32px;width:auto}
body.jiq-home-active .rate-line b{font-family:var(--serif);font-size:21px;color:var(--navy)}
body.jiq-home-active .rate-line span{color:var(--muted);font-size:15px}
body.jiq-home-active .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;z-index:2}
body.jiq-home-active .tcard{
  position:relative;background:#fff;border-radius:24px;padding:34px 30px 28px;
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 18px 44px -28px rgba(5,22,39,.35),inset 0 1px 0 #fff;
  display:flex;flex-direction:column;gap:15px;text-align:left;
  transition:transform .3s,box-shadow .3s;
}
body.jiq-home-active .tcard:hover{transform:translateY(-7px);box-shadow:0 36px 70px -32px rgba(5,22,39,.45)}
body.jiq-home-active .tcard .qmark{
  position:absolute;top:-18px;left:26px;width:44px;height:44px;border-radius:50%;
  background:var(--gold-grad);display:grid;place-items:center;color:#fff;
  font-family:var(--serif);font-size:26px;font-weight:700;line-height:0;
  box-shadow:0 12px 24px -8px rgba(228,85,31,.55),inset 0 2px 0 rgba(255,255,255,.4);
}
body.jiq-home-active .tcard .tstars{height:20px;width:auto;align-self:flex-start;margin-top:8px}
body.jiq-home-active .tcard h3{font-size:17.5px}
body.jiq-home-active .tcard p{color:var(--muted);font-size:15px;flex:1;line-height:1.72}
body.jiq-home-active .twho{display:flex;align-items:center;gap:13px;border-top:1px solid #F3EEE6;padding-top:17px}
body.jiq-home-active .twho .av{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;
  font-weight:800;font-size:15px;background:linear-gradient(150deg,#123F6E,#0C3158);flex:0 0 auto;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.2),0 8px 16px -8px rgba(5,22,39,.5);
}
body.jiq-home-active .tcard:nth-child(2) .twho .av{background:var(--gold-grad)}
body.jiq-home-active .twho b{font-size:15.5px;color:var(--navy)}
body.jiq-home-active .twho span{display:block;font-size:12.5px;color:var(--faint);font-weight:600}
body.jiq-home-active .trow2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:812px;margin:26px auto 0;position:relative;z-index:2}
/* ================= final cta ================= */
body.jiq-home-active .final{padding:120px 0 0}
body.jiq-home-active .final-card{
  position:relative;border-radius:36px;overflow:hidden;color:#fff;text-align:center;
  background:linear-gradient(160deg,#123F6E 0%,#0C3158 48%,#071E36 100%);
  padding:96px 44px 92px;
  box-shadow:0 60px 120px -44px rgba(5,22,39,.75);
}
body.jiq-home-active .final-card .aurora i{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none}
body.jiq-home-active .final-card .aurora i:nth-child(1){width:620px;height:400px;left:50%;top:-30%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(48,118,196,.6),transparent)}
body.jiq-home-active .final-card .aurora i:nth-child(2){width:480px;height:340px;left:-10%;bottom:-30%;background:radial-gradient(closest-side,rgba(240,130,30,.28),transparent)}
body.jiq-home-active .final-card .aurora i:nth-child(3){width:420px;height:320px;right:-8%;bottom:-24%;background:radial-gradient(closest-side,rgba(245,166,35,.22),transparent)}
body.jiq-home-active .final-card h2{color:#fff;font-size:clamp(34px,4.8vw,58px);margin-bottom:18px;position:relative;z-index:2}
body.jiq-home-active .final-card p{color:#AFC4DC;max-width:35em;margin:0 auto 42px;font-size:18px;position:relative;z-index:2;line-height:1.7}
body.jiq-home-active .final-card .btn-lg{position:relative;z-index:2}
body.jiq-home-active .final-meta{
  display:flex;justify-content:center;gap:30px;margin-top:34px;flex-wrap:wrap;
  font-size:14.5px;color:#9FB6CF;position:relative;z-index:2;font-weight:600;
}
body.jiq-home-active .final-meta span{display:flex;align-items:center;gap:9px}
body.jiq-home-active .final-meta svg{stroke:#7CE7B2}
/* ================= footer ================= */
body.jiq-home-active footer{margin-top:120px;background:var(--deepest);color:#93A9C2;position:relative;overflow:hidden}
body.jiq-home-active footer::before{
  content:"";position:absolute;left:50%;top:-160px;transform:translateX(-50%);
  width:900px;height:320px;border-radius:50%;filter:blur(80px);
  background:radial-gradient(closest-side,rgba(18,63,110,.55),transparent);pointer-events:none;
}
body.jiq-home-active .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:48px;padding-top:72px;padding-bottom:48px;position:relative;z-index:2}
body.jiq-home-active .fbrand img{height:48px;width:auto;margin-bottom:18px}
body.jiq-home-active .fbrand p{font-size:14px;max-width:26em;color:#6E87A5;line-height:1.7}
body.jiq-home-active .fcol h4{font-family:var(--serif);color:#fff;font-size:16.5px;margin-bottom:20px}
body.jiq-home-active .fcol a{display:block;font-size:14.5px;padding:6px 0;color:#93A9C2;transition:color .2s,transform .2s}
body.jiq-home-active .fcol a:hover{color:var(--gold);transform:translateX(4px)}
body.jiq-home-active .frow{
  display:flex;border-radius:999px;overflow:hidden;margin-top:16px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.25);
}
body.jiq-home-active .frow input{border:0;outline:0;background:transparent;color:#fff;padding:14px 20px;flex:1;font-size:14px;min-width:0;font-family:var(--sans)}
body.jiq-home-active .frow input::placeholder{color:#6E87A5}
body.jiq-home-active .frow button{border:0;cursor:pointer;background:var(--gold-grad);color:#fff;font-weight:800;padding:0 26px;font-size:14px;font-family:var(--sans)}
body.jiq-home-active .flegal{
  border-top:1px solid rgba(255,255,255,.09);padding-top:24px;padding-bottom:34px;display:flex;
  justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#5E7896;position:relative;z-index:2;
}
/* ================= reveal ================= */
body.jiq-home-active .rv{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1)}
body.jiq-home-active .rv.in{opacity:1;transform:none}
body.jiq-home-active .rv-d1{transition-delay:.1s}
body.jiq-home-active .rv-d2{transition-delay:.2s}
body.jiq-home-active .rv-d3{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){body.jiq-home-active .rv{opacity:1;transform:none;transition:none}body.jiq-home-active .btn::after, body.jiq-home-active .float-card, body.jiq-home-active .aurora i, body.jiq-home-active .orbit{animation:none!important}}
/* ================= responsive ================= */
@media (max-width:1040px){body.jiq-home-active .hero-grid{grid-template-columns:1fr;grid-template-areas:"top" "bot" "vis" "proof";row-gap:24px}body.jiq-home-active .hero-visual{max-width:560px;margin:14px auto 0;width:100%}body.jiq-home-active .hero{padding-top:150px;padding-bottom:150px}body.jiq-home-active .strip-inner{grid-template-columns:1fr 1fr}body.jiq-home-active .strip-item + .strip-item::before{display:none}body.jiq-home-active .why-grid{grid-template-columns:1fr;gap:48px}body.jiq-home-active .celebs{grid-template-columns:1fr 1fr}body.jiq-home-active .hiw{grid-template-columns:1fr;gap:44px}body.jiq-home-active .hiw::before{display:none}body.jiq-home-active .feats, body.jiq-home-active .tgrid{grid-template-columns:1fr}body.jiq-home-active .trow2{grid-template-columns:1fr}body.jiq-home-active .fgrid{grid-template-columns:1fr 1fr}body.jiq-home-active .fc1{left:-6px}body.jiq-home-active .fc2{right:-6px}}
@media (max-width:760px){body.jiq-home-active .menu{display:none}body.jiq-home-active .burger{display:grid}body.jiq-home-active .navpill{gap:10px;padding:7px 7px 7px 14px}body.jiq-home-active .navpill .logo img{height:34px}body.jiq-home-active .nav-cta{padding:10px 16px;font-size:13px}body.jiq-home-active .burger{width:42px;height:42px}body.jiq-home-active section.blk{padding:78px 0 0}body.jiq-home-active .blk-navy{padding:76px 0 84px;margin-top:96px}body.jiq-home-active .blk-t{padding:76px 0 84px;margin-top:96px}body.jiq-home-active .blk-t .ghost-word{font-size:120px}body.jiq-home-active .celebs{grid-template-columns:1fr 1fr;gap:16px}body.jiq-home-active .celeb img.face{width:78px;height:78px;margin-top:-40px}body.jiq-home-active .celeb h3{font-size:15px}body.jiq-home-active .strip{margin-top:-84px}body.jiq-home-active .strip-inner{grid-template-columns:1fr 1fr;gap:0;border-radius:20px}body.jiq-home-active .strip-item{flex-direction:column;text-align:center;gap:10px;padding:22px 12px 18px}body.jiq-home-active .strip-item .ic{width:42px;height:42px;border-radius:13px}body.jiq-home-active .strip-item .tx b{font-size:19px}body.jiq-home-active .strip-item .tx span{font-size:9.5px;letter-spacing:.12em}body.jiq-home-active .strip-item + .strip-item::before{display:none}body.jiq-home-active .strip-item:nth-child(even)::before{
    content:"";display:block;position:absolute;left:0;top:18%;bottom:18%;width:1px;
    background:linear-gradient(180deg,transparent,rgba(139,175,214,.3),transparent);
  }body.jiq-home-active .strip-item:nth-child(n/**/+3)::after{
    content:"";position:absolute;top:0;left:14%;right:14%;height:1px;
    background:linear-gradient(90deg,transparent,rgba(139,175,214,.3),transparent);
  }body.jiq-home-active .fgrid{grid-template-columns:1fr 1fr;gap:24px 18px;padding-top:40px;padding-bottom:26px}body.jiq-home-active .fbrand{grid-column:1 / -1;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08)}body.jiq-home-active .fbrand img{height:38px;margin-bottom:10px}body.jiq-home-active .fbrand p{font-size:12.5px;line-height:1.6}body.jiq-home-active .fcol h4{font-size:15px;margin-bottom:8px}body.jiq-home-active .fcol a{font-size:13px;padding:4px 0}body.jiq-home-active .fcol:last-child{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}body.jiq-home-active .flegal{flex-direction:column;gap:5px;align-items:center;text-align:center;font-size:11px;padding-top:16px;padding-bottom:24px}body.jiq-home-active .final-card{padding:64px 24px;border-radius:26px}/* compact first-screen hero: chips + headline + device image + CTA all visible */body.jiq-home-active .hero{padding:160px 0 128px}body.jiq-home-active .hero-grid{row-gap:18px}/* borderless single caption line — the pill wrapped badly at 375px */body.jiq-home-active .statline{background:transparent;border:0;box-shadow:none;padding:0;font-size:10.5px;margin-bottom:10px;gap:4px 8px;color:#C4D5E8;letter-spacing:0}body.jiq-home-active .statline b{font-size:11px}body.jiq-home-active .statline span{gap:5px}body.jiq-home-active .statline i{height:10px}body.jiq-home-active .hero-visual{max-width:88%;margin:4px auto 0}body.jiq-home-active .pedestal{bottom:-18px;height:70px}body.jiq-home-active .float-card{padding:9px 13px;border-radius:13px;animation:none}body.jiq-home-active .float-card .t{font-size:10.5px}body.jiq-home-active .float-card .t b{font-size:13.5px}body.jiq-home-active .fc-ic{width:32px;height:32px;border-radius:10px}body.jiq-home-active .fc-ic svg{width:16px;height:16px}body.jiq-home-active .fc2{bottom:-6px;right:-4px}body.jiq-home-active .hero-grid{row-gap:14px}body.jiq-home-active .hero-visual{max-width:97%;margin:6px auto 0}body.jiq-home-active .hero p.lede{font-size:14.5px;margin-bottom:14px;line-height:1.6}body.jiq-home-active .hero-cta-row{gap:10px}body.jiq-home-active .btn-lg{font-size:15px;padding:14px 26px}body.jiq-home-active .btn-glass{padding:12px 20px;font-size:13.5px}body.jiq-home-active .hero-proof{margin-top:4px;font-size:12.5px;gap:9px;justify-content:center}body.jiq-home-active .hero-proof .stars5{height:18px}body.jiq-home-active .instrument{padding:24px 18px 20px}body.jiq-home-active .lrow{grid-template-columns:84px 1fr auto;gap:10px;padding:9px 10px}body.jiq-home-active .lrow .liq{font-size:14px}body.jiq-home-active .lrow .llab{font-size:12px}body.jiq-home-active .lrow .llab em{display:none}body.jiq-home-active .hero h1{font-size:clamp(36px,9.6vw,44px)}}
/* ---- hide theme chrome on the homepage ---- */
body.jiq-home-active #masthead,body.jiq-home-active header#masthead,body.jiq-home-active .hfe-nav-menu,body.jiq-home-active header.entry-header,body.jiq-home-active .entry-header,body.jiq-home-active footer#colophon,body.jiq-home-active .footer-width-fixer,body.jiq-home-active #secondary,body.jiq-home-active .site-breadcrumbs{display:none !important}
body.jiq-home-active .site-content,body.jiq-home-active #content,body.jiq-home-active .entry-content,body.jiq-home-active article{margin:0 !important;padding:0 !important;max-width:none !important;border:0 !important;background:transparent !important}
body.jiq-home-active{overflow-x:hidden}
body.jiq-home-active.admin-bar header.site{top:46px}
@media (min-width:783px){body.jiq-home-active.admin-bar header.site{top:44px}}


/* ===== inlined jiq-about.css ===== */
/*
 * About page (.ab-*) — loaded alongside jiq-home.css, which supplies every
 * token and the shared .hero/.strip/.feat/.blk/.final components.
 * Scope is `body.jiq-home-active` throughout: bare selectors are (0,1,0) and
 * lose to the theme-defeat rules already in jiq-home.css.
 */

/* ============================================================================
 * ABOUT PAGE — built ON the homepage's visual language.
 * Reuses .hero .aurora .grid-tex .strip .feat .blk .blk-navy .final verbatim so
 * it inherits every shadow, gradient and hover the homepage already ships.
 * All scoped `body.jiq-home-active` — bare selectors lose to (0,2,1).
 * NB: never <article> — jiq-home.css:554 nukes border/padding/margin on it.
 * ========================================================================== */

/* ---------- breadcrumb + page label ---------- */
/* The theme paints bare <nav> white on the default template (canvas-template
   pages like the homepage never load that rule — which is why the homepage
   pill looks right and this page didn't). It hits every <nav> in our chrome:
   the breadcrumb below AND the header's <nav class="menu">. Verified live
   2026-08-06: no enumerable stylesheet rule, but an !important override wins,
   so reset each nav explicitly. */
body.jiq-home-active .navpill .menu{background:none !important;border:0 !important;
  box-shadow:none !important;border-radius:0 !important;padding:0 !important}
body.jiq-home-active .navpill .menu a{background:none !important;box-shadow:none !important;
  border:0 !important;text-decoration:none !important}
body.jiq-home-active .msheet-links{background:none !important;border:0 !important;box-shadow:none !important}
/* The theme paints bare <nav> white; on the navy hero that renders the
   breadcrumb as white text on a white slab. Reset it explicitly — verified
   live 2026-08-06. */
body.jiq-home-active .ab-crumb{display:flex;align-items:center;gap:9px;margin-bottom:18px;
  font-size:12.5px;font-weight:600;color:rgba(255,255,255,.62);
  background:none !important;border:0 !important;padding:0 !important;box-shadow:none !important}
body.jiq-home-active .ab-crumb a{color:rgba(255,255,255,.62);transition:color .2s}
body.jiq-home-active .ab-crumb a:hover{color:#fff}
body.jiq-home-active .ab-crumb b{color:#fff;font-weight:700}
body.jiq-home-active .ab-crumb svg{opacity:.5;flex:0 0 auto}
body.jiq-home-active .ab-eyebrow{display:inline-flex;align-items:center;gap:11px;margin-bottom:22px;
  font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
body.jiq-home-active .ab-eyebrow::before{content:"";width:34px;height:2px;border-radius:2px;background:var(--gold-grad)}

/* ---------- hero media ---------- */
body.jiq-home-active .ab-hero-media{position:relative;border-radius:26px;overflow:hidden;
  box-shadow:0 50px 90px -40px rgba(3,14,28,.85),0 0 0 1px rgba(255,255,255,.10) inset;
  transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);transition:transform .6s cubic-bezier(.2,.7,.3,1)}
body.jiq-home-active .ab-hero-media:hover{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg) translateY(-6px)}
body.jiq-home-active .ab-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
body.jiq-home-active .ab-hero-media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(150deg,rgba(12,49,88,0) 30%,rgba(7,30,54,.55) 100%)}
body.jiq-home-active .ab-badge{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;
  background:rgba(255,255,255,.97);border-radius:16px;padding:12px 16px;
  box-shadow:0 26px 50px -18px rgba(3,14,28,.7);animation:abfloat 5.2s ease-in-out infinite}
body.jiq-home-active .ab-badge .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  background:var(--gold-grad);flex:0 0 auto;box-shadow:0 10px 20px -8px rgba(228,85,31,.6)}
body.jiq-home-active .ab-badge .t{display:flex;flex-direction:column;line-height:1.25}
body.jiq-home-active .ab-badge .t b{font-size:13.5px;color:var(--navy)}
body.jiq-home-active .ab-badge .t span{font-size:11.5px;color:var(--muted)}
body.jiq-home-active .ab-b1{left:-26px;bottom:44px}
body.jiq-home-active .ab-b2{right:-18px;top:38px;animation-delay:-2.6s}
@keyframes abfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}

/* ---------- TABLE OF CONTENTS ---------- */
/* No negative overlap onto .strip: the strip-inner is itself a card whose
   height varies with viewport width, so any fixed overlap that looks layered
   at 1280px slices its icons in half at 1900px (user-reported). Clean gap. */
body.jiq-home-active .ab-toc{background:#fff;border-radius:24px;padding:32px 36px;margin-top:44px;
  position:relative;z-index:6;
  box-shadow:0 40px 80px -40px rgba(5,22,39,.45),0 0 0 1px rgba(233,228,220,.9)}
body.jiq-home-active .ab-toc-h{display:flex;align-items:center;gap:11px;margin-bottom:20px;
  font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
body.jiq-home-active .ab-toc-h::after{content:"";flex:1;height:1px;background:var(--line)}
body.jiq-home-active .ab-toc-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 34px;
  counter-reset:toc}
body.jiq-home-active .ab-toc-list a{display:flex;align-items:baseline;gap:12px;padding:11px 0;
  border-bottom:1px solid var(--line);font-size:15px;font-weight:600;color:var(--navy);transition:color .2s}
body.jiq-home-active .ab-toc-list a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);
  font-family:var(--serif);font-size:12.5px;font-weight:700;color:var(--gold-2);flex:0 0 auto}
body.jiq-home-active .ab-toc-list a::after{content:"\2192";margin-left:auto;color:var(--faint);
  transition:transform .2s,color .2s}
@media(hover:hover){body.jiq-home-active .ab-toc-list a:hover{color:var(--gold-3)}
  body.jiq-home-active .ab-toc-list a:hover::after{transform:translateX(4px);color:var(--gold-2)}}
body.jiq-home-active .ab-anchor{scroll-margin-top:104px}

/* ---------- split section: image + copy ---------- */
body.jiq-home-active .ab-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:74px;align-items:center;margin-top:56px}
body.jiq-home-active .ab-split.flip .ab-split-media{order:2}
body.jiq-home-active .ab-split-media{position:relative}
body.jiq-home-active .ab-split-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;display:block;
  box-shadow:0 46px 84px -44px rgba(5,22,39,.62),0 0 0 1px rgba(233,228,220,.9)}
body.jiq-home-active .ab-split-media::before{content:"";position:absolute;left:26px;bottom:-14px;height:4px;
  width:120px;border-radius:4px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;
  transition:transform .8s cubic-bezier(.2,.7,.3,1) .25s}
body.jiq-home-active .rv.in .ab-split-media::before{transform:scaleX(1)}
body.jiq-home-active .ab-stat-chip{position:absolute;right:-16px;bottom:26px;background:#fff;border-radius:16px;
  padding:14px 18px;box-shadow:0 30px 54px -22px rgba(5,22,39,.55);text-align:center}
body.jiq-home-active .ab-stat-chip b{display:block;font-family:var(--serif);font-size:26px;color:var(--navy);line-height:1}
body.jiq-home-active .ab-stat-chip span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted)}
body.jiq-home-active .ab-p{color:var(--muted);font-size:16.5px;line-height:1.78;margin-top:16px}
body.jiq-home-active .ab-p:first-child{margin-top:0}
body.jiq-home-active .ab-p b{color:var(--navy)}
body.jiq-home-active .ab-link{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:12px 0;
  font-size:13.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}
body.jiq-home-active .ab-link .arr{transition:transform .2s}
@media(hover:hover){body.jiq-home-active .ab-link:hover .arr{transform:translateX(6px)}}

/* ---------- the four abilities ---------- */
body.jiq-home-active .ab-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:52px}
body.jiq-home-active .ab-ability{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 30px 60px -34px rgba(5,22,39,.4),0 0 0 1px rgba(233,228,220,.9);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s}
body.jiq-home-active .ab-ability:hover{transform:translateY(-7px);
  box-shadow:0 46px 86px -34px rgba(5,22,39,.5),0 0 0 1px rgba(233,228,220,.9)}
/* fixed-height art band with the drawing scaled to fit it: the four viewBoxes
   are not identical (320x240 vs 320x220), so sizing by height — not width —
   is what keeps the four cards optically consistent. */
body.jiq-home-active .ab-ability-art{background:linear-gradient(160deg,var(--cool) 0%,#FFFFFF 100%);
  height:196px;display:grid;place-items:center;padding:18px 26px;border-bottom:1px solid var(--line)}
body.jiq-home-active .ab-ability-art svg{width:auto;height:100%;max-width:100%;display:block}
body.jiq-home-active .ab-ability-body{padding:26px 30px 30px}
body.jiq-home-active .ab-ability-lab{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-2);margin-bottom:9px}
body.jiq-home-active .ab-ability-body h3{font-size:21px;margin-bottom:10px}
body.jiq-home-active .ab-ability-body p{color:var(--muted);font-size:15.5px;line-height:1.72}

/* ---------- TABLES ---------- */
body.jiq-home-active .ab-tablewrap{margin-top:44px;background:#fff;border-radius:22px;overflow:hidden;
  box-shadow:0 30px 60px -36px rgba(5,22,39,.4),0 0 0 1px rgba(233,228,220,.9)}
body.jiq-home-active .ab-tablescroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.jiq-home-active table.ab-table{width:100%;border-collapse:collapse;min-width:520px;
  font-family:var(--sans);text-align:left}
body.jiq-home-active table.ab-table caption{caption-side:top;text-align:left;padding:24px 28px 0;
  font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
body.jiq-home-active table.ab-table th{background:var(--cool);color:var(--navy);font-weight:800;
  font-size:12px;letter-spacing:.09em;text-transform:uppercase;padding:15px 28px;
  border-bottom:1px solid var(--line);white-space:nowrap;border-top:0;border-left:0;border-right:0}
body.jiq-home-active table.ab-table td{padding:16px 28px;border-bottom:1px solid var(--line);
  font-size:15.5px;color:var(--muted);vertical-align:top;line-height:1.6;border-top:0;border-left:0;border-right:0}
body.jiq-home-active table.ab-table tr:last-child td{border-bottom:0}
body.jiq-home-active table.ab-table tbody tr{transition:background .18s}
@media(hover:hover){body.jiq-home-active table.ab-table tbody tr:hover{background:#FCFAF7}}
body.jiq-home-active table.ab-table .ab-band{font-family:var(--serif);font-weight:700;color:var(--navy);
  font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
body.jiq-home-active table.ab-table .ab-share{font-variant-numeric:tabular-nums;font-weight:700;color:var(--navy);
  white-space:nowrap}
body.jiq-home-active table.ab-table tr.ab-hl td{background:#FFFBF4}
body.jiq-home-active table.ab-table tr.ab-hl .ab-band{color:var(--gold-3)}
body.jiq-home-active .ab-tnote{padding:16px 28px 22px;font-size:13.5px;color:var(--faint);line-height:1.6;
  border-top:1px solid var(--line);background:#FCFAF7}
body.jiq-home-active table.ab-table td.ab-tick-cell{width:44px;padding-right:0}
body.jiq-home-active .ab-tickmark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:var(--gold-grad);box-shadow:0 8px 16px -6px rgba(228,85,31,.6)}
body.jiq-home-active .ab-tickmark svg{width:13px;height:13px}
body.jiq-home-active table.ab-table td b{color:var(--navy)}

/* ---------- bell-curve figure ---------- */
body.jiq-home-active .ab-figure{margin-top:46px;background:#fff;border-radius:24px;padding:34px 36px 26px;
  box-shadow:0 34px 68px -38px rgba(5,22,39,.42),0 0 0 1px rgba(233,228,220,.9)}
body.jiq-home-active .ab-figure svg{width:100%;height:auto;display:block}
body.jiq-home-active .ab-figcap{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--faint);line-height:1.65}
body.jiq-home-active .ab-figcap b{color:var(--navy)}

/* ---------- numbered value cards ---------- */
body.jiq-home-active .feat .ab-num{position:absolute;top:22px;right:26px;font-family:var(--serif);font-weight:700;
  font-size:52px;line-height:1;color:var(--navy);opacity:.07;pointer-events:none}

/* ---------- team cards ---------- */
body.jiq-home-active .ab-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:52px}
body.jiq-home-active .ab-tcard{position:relative;background:#fff;border-radius:24px;overflow:hidden;
  box-shadow:0 30px 60px -34px rgba(5,22,39,.42),0 0 0 1px rgba(233,228,220,.9);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s}
body.jiq-home-active .ab-tcard:hover{transform:translateY(-8px);
  box-shadow:0 44px 84px -34px rgba(5,22,39,.5),0 0 0 1px rgba(233,228,220,.9)}
body.jiq-home-active .ab-tcard-img{position:relative;height:210px;overflow:hidden}
body.jiq-home-active .ab-tcard-img img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.3,1)}
body.jiq-home-active .ab-tcard:hover .ab-tcard-img img{transform:scale(1.06)}
body.jiq-home-active .ab-tcard-img::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(12,49,88,.10) 0%,rgba(7,30,54,.62) 100%)}
body.jiq-home-active .ab-tcard-tag{position:absolute;left:22px;bottom:18px;z-index:2;font-size:11px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:#fff}
body.jiq-home-active .ab-tcard-body{padding:26px 28px 30px}
body.jiq-home-active .ab-tcard-body h3{font-size:21px;margin-bottom:11px}
body.jiq-home-active .ab-tcard-body p{color:var(--muted);font-size:15.5px;line-height:1.72}
body.jiq-home-active .ab-tcard-body p + p{margin-top:12px}

/* ---------- honest caveats ---------- */
body.jiq-home-active .ab-caveats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:48px}
body.jiq-home-active .ab-caveat{padding:28px 28px 30px;border-radius:20px;background:#fff;
  border-left:3px solid var(--gold-2);box-shadow:0 24px 48px -30px rgba(5,22,39,.36)}
body.jiq-home-active .ab-caveat h3{font-size:18px;margin-bottom:10px}
body.jiq-home-active .ab-caveat p{color:var(--muted);font-size:15px;line-height:1.7}

/* ---------- quote band ---------- */
body.jiq-home-active .ab-quote{max-width:19ch;font-family:var(--serif);font-weight:500;color:#fff;
  font-size:clamp(26px,3.6vw,44px);line-height:1.18;padding-left:34px;
  border-left:2px solid rgba(245,166,35,.55);
  border-image:linear-gradient(180deg,#F5A623 0%,#F0821E 45%,rgba(240,130,30,0) 100%) 1}
body.jiq-home-active .ab-quote-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px}
body.jiq-home-active .ab-quote-attrib{font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:#8FA9C6;text-align:right;line-height:1.7}

/* ================================ breakpoints ================================= */
@media(max-width:1040px){
  body.jiq-home-active .ab-toc{margin-top:32px;padding:26px 26px}
  body.jiq-home-active .ab-toc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
  body.jiq-home-active .ab-split{grid-template-columns:1fr;gap:40px;margin-top:38px}
  body.jiq-home-active .ab-split.flip .ab-split-media{order:0}
  body.jiq-home-active .ab-abilities{grid-template-columns:1fr;gap:22px}
  body.jiq-home-active .ab-team-grid{grid-template-columns:1fr;gap:22px}
  body.jiq-home-active .ab-caveats{grid-template-columns:1fr;gap:16px}
  body.jiq-home-active .ab-quote-grid{grid-template-columns:1fr}
  body.jiq-home-active .ab-quote-attrib{text-align:left;margin-top:26px;padding-top:20px;
    border-top:1px solid rgba(255,255,255,.14)}
  body.jiq-home-active .ab-hero-media{transform:none}
  body.jiq-home-active .ab-hero-media:hover{transform:translateY(-4px)}
}
@media(max-width:760px){
  body.jiq-home-active .ab-crumb{font-size:11.5px;gap:7px;margin-bottom:14px}
  body.jiq-home-active .ab-eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:16px}
  body.jiq-home-active .ab-eyebrow::before{width:26px}
  body.jiq-home-active .ab-b1{left:-8px;bottom:-16px;padding:10px 13px}
  body.jiq-home-active .ab-b2{right:-6px;top:-14px;padding:10px 13px}
  body.jiq-home-active .ab-badge .ic{width:30px;height:30px;border-radius:9px}
  body.jiq-home-active .ab-badge .t b{font-size:12.5px}
  body.jiq-home-active .ab-badge .t span{font-size:10.5px}
  body.jiq-home-active .ab-toc{margin-top:24px;padding:22px 20px;border-radius:20px}
  body.jiq-home-active .ab-toc-list{grid-template-columns:1fr;gap:0}
  body.jiq-home-active .ab-toc-list a{font-size:14.5px;padding:13px 0}
  body.jiq-home-active .ab-split{gap:32px}
  body.jiq-home-active .ab-split-media::before{left:18px;width:88px}
  body.jiq-home-active .ab-stat-chip{right:-6px;bottom:-18px;padding:11px 15px}
  body.jiq-home-active .ab-stat-chip b{font-size:22px}
  body.jiq-home-active .ab-p{font-size:16px;line-height:1.72}
  body.jiq-home-active .ab-ability-art{height:168px;padding:16px 20px}
  body.jiq-home-active .ab-ability-body{padding:22px 22px 26px}
  body.jiq-home-active .ab-ability-body h3{font-size:19px}
  body.jiq-home-active .ab-figure{padding:22px 18px 18px;border-radius:20px}
  body.jiq-home-active .ab-tablewrap{border-radius:18px;margin-top:32px}
  body.jiq-home-active table.ab-table caption{padding:18px 20px 0}
  body.jiq-home-active table.ab-table th{padding:13px 20px;font-size:11px}
  body.jiq-home-active table.ab-table td{padding:14px 20px;font-size:15px}
  body.jiq-home-active .ab-tnote{padding:14px 20px 18px;font-size:13px}
  body.jiq-home-active .feat .ab-num{font-size:42px;top:18px;right:20px}
  body.jiq-home-active .ab-tcard-img{height:176px}
  body.jiq-home-active .ab-tcard-body{padding:22px 22px 26px}
  body.jiq-home-active .ab-tcard-body h3{font-size:19px}
  body.jiq-home-active .ab-caveat{padding:22px 22px 24px;border-radius:16px}
  body.jiq-home-active .ab-quote{font-size:26px;max-width:none;padding-left:22px}
}


/* ==========================================================================
   jiq-celeb.css — Celebrity IQ
   Prefix cq- · every rule scoped to body.jiq-home-active · loads AFTER
   jiq-home.css. Inlined here only because the brief asked for one file; lift
   this block verbatim into assets/css/jiq-celeb.css at integration and add
   `jiq-celeb-active` to the body class. Never edit jiq-home.css for this page.
   ========================================================================== */

/* Font parity with the live theme. Delete at WP integration — the theme has it. */
body.jiq-home-active,
body.jiq-home-active h1, body.jiq-home-active h2, body.jiq-home-active h3,
body.jiq-home-active h4, body.jiq-home-active h5, body.jiq-home-active h6,
body.jiq-home-active p,  body.jiq-home-active a,  body.jiq-home-active button,
body.jiq-home-active span, body.jiq-home-active td, body.jiq-home-active th,
body.jiq-home-active li, body.jiq-home-active summary, body.jiq-home-active b,
body.jiq-home-active small, body.jiq-home-active input{
  font-family:"Enriqueta",Rockwell,Georgia,serif !important;
}

/* --- Prototype chrome (delete at integration) ---------------------------- */
body.jiq-home-active .cq-proto{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  background:rgba(7,30,54,.96);backdrop-filter:blur(10px);
  border-top:1px solid rgba(245,166,35,.35);padding:9px 20px;
  display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#AFC4DC;
}
body.jiq-home-active .cq-proto b{color:var(--gold);letter-spacing:.14em}
body.jiq-home-active .cq-proto a{
  color:#fff;text-decoration:none;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  transition:background .2s,transform .2s;
}
body.jiq-home-active .cq-proto a:hover{background:rgba(245,166,35,.22);transform:translateY(-1px)}
body.jiq-home-active .cq-proto a[aria-current="true"]{background:var(--gold-grad);color:#3A1B00}
/* Block-level so it can't share a line with the kicker in centred sections. */
body.jiq-home-active .cq-url{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;margin:0 0 34px;
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
}
body.jiq-home-active .cq-url code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace !important;
  letter-spacing:0;text-transform:none;font-size:12px;color:var(--gold-2);
  background:rgba(245,166,35,.1);padding:3px 9px;border-radius:6px;
}
body.jiq-home-active .cq-view{display:none}
body.jiq-home-active .cq-view.is-active{display:block}

/* Left-align the blocks that sit inside centred sections. Resetting here beats
   dropping .center, which would also unpick the kicker/h2/sub trio. */
body.jiq-home-active .cq-cat-card,
body.jiq-home-active .cq-toolbar,
body.jiq-home-active .cq-claim,
body.jiq-home-active .cq-src,
body.jiq-home-active .cq-rank,
body.jiq-home-active .cq-inline,
body.jiq-home-active .cq-cert,
body.jiq-home-active .cq-note,
body.jiq-home-active .cq-byline{text-align:left}

/* --- Hero panel ----------------------------------------------------------
   Not a photo collage, and not the About page's tilted media with floating
   badges — those floats are positioned per-aspect and collided with the
   caption underneath. Everything here is in flow. Glass-on-navy, per the
   design system's dark-ground card recipe. */
body.jiq-home-active .cq-panel{
  position:relative;border-radius:26px;padding:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);
  box-shadow:0 40px 80px -38px rgba(3,14,28,.85), inset 0 1px 0 rgba(255,255,255,.14);
}
body.jiq-home-active .cq-panel-h{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 4px 15px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.13);
  font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8FA8C4;
}
body.jiq-home-active .cq-panel-h em{font-style:normal;color:#FFC24B}
body.jiq-home-active .cq-row{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  padding:13px 12px;border-radius:16px;text-decoration:none;transition:background .25s;
}
@media(hover:hover){body.jiq-home-active .cq-row:hover{background:rgba(255,255,255,.06)}}
body.jiq-home-active .cq-row img{
  width:46px;height:46px;border-radius:50%;object-fit:cover;display:block;
  border:2px solid rgba(255,255,255,.85);box-shadow:0 8px 18px -8px rgba(3,14,28,.9);
}
body.jiq-home-active .cq-row-tx{min-width:0}
body.jiq-home-active .cq-row-tx b{
  display:block;color:#fff;font-size:15px;line-height:1.25;margin-bottom:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.jiq-home-active .cq-row-tx span{font-size:11.5px;color:#9FB6CE;font-variant-numeric:tabular-nums}
body.jiq-home-active .cq-row-tx span i{font-style:normal;color:#DCE7F3;font-weight:700}
body.jiq-home-active .cq-row-go{
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#8FA8C4;white-space:nowrap;
}
/* The reader's row — the only line here that could be a measured number. */
body.jiq-home-active .cq-row-you{
  margin-top:8px;background:var(--gold-grad);
  box-shadow:0 16px 32px -14px rgba(228,85,31,.6), inset 0 1.5px 0 rgba(255,255,255,.35);
}
@media(hover:hover){body.jiq-home-active .cq-row-you:hover{background:var(--gold-grad)}}
body.jiq-home-active .cq-you-ic{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.9);color:var(--gold-3);
  box-shadow:0 8px 18px -8px rgba(120,40,0,.55);
}
body.jiq-home-active .cq-row-you .cq-row-tx b{color:#3A1B00}
body.jiq-home-active .cq-row-you .cq-row-tx span{color:#6B3300}
body.jiq-home-active .cq-row-you .cq-row-tx span i{color:#3A1B00}
body.jiq-home-active .cq-row-you .cq-row-go{color:#3A1B00}

/* --- Celebrity tile — this section's card, not the homepage's -------------
   Dark and image-forward: full-bleed portrait, name and figure over a scrim.
   No status chip. Browsing should feel like discovery; the sourcing detail
   belongs on the profile, where there is room to explain it properly. */
body.jiq-home-active .cq-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
body.jiq-home-active .cq-tile{
  position:relative;border-radius:26px;overflow:hidden;background:var(--deep);
  box-shadow:0 22px 52px -30px rgba(5,22,39,.55);
  transition:transform .3s cubic-bezier(.2,.7,.3,1.2), box-shadow .3s;
}
@media(hover:hover){
  body.jiq-home-active .cq-tile:hover{transform:translateY(-8px);box-shadow:0 44px 84px -34px rgba(5,22,39,.62)}
  body.jiq-home-active .cq-tile:hover img{transform:scale(1.06)}
}
/* height:auto is load-bearing — the <img height> attribute is a presentational
   hint, and aspect-ratio only applies when one axis is auto. */
body.jiq-home-active .cq-tile img{
  width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 16%;
  display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
body.jiq-home-active .cq-tile-body{
  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:76px 24px 24px;
  background:linear-gradient(to top,rgba(5,22,39,.96) 40%,rgba(5,22,39,.55) 72%,rgba(5,22,39,0));
}
body.jiq-home-active .cq-tile-cat{
  display:block;font-size:10px;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:#FFC24B;margin-bottom:8px;
}
body.jiq-home-active .cq-tile h3{font-size:23px;line-height:1.15;margin-bottom:14px}
body.jiq-home-active .cq-tile h3 a{color:#fff;text-decoration:none}
body.jiq-home-active .cq-tile h3 a::after{content:"";position:absolute;inset:0;z-index:3}
body.jiq-home-active .cq-tile h3 a:focus-visible{outline:none}
body.jiq-home-active .cq-tile:focus-within{box-shadow:0 0 0 3px var(--gold), 0 22px 52px -30px rgba(5,22,39,.55)}
body.jiq-home-active .cq-tile-iq{
  display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;
  padding-top:15px;border-top:1px solid rgba(255,255,255,.15);
}
body.jiq-home-active .cq-tile-iq b{
  font-size:38px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 12px rgba(240,130,30,.3));
}
body.jiq-home-active .cq-tile-iq span{
  font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9FB6CE;
}

/* --- Category card -------------------------------------------------------- */
body.jiq-home-active .cq-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:52px}
body.jiq-home-active .cq-cat-card{
  position:relative;display:block;text-decoration:none;padding:32px 30px;border-radius:26px;
  background:linear-gradient(165deg,#FFFFFF,#FCF9F4);
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 14px 40px -26px rgba(5,22,39,.35), inset 0 1px 0 #fff;
  transition:transform .3s cubic-bezier(.2,.7,.3,1.2), box-shadow .3s;
}
@media(hover:hover){
  body.jiq-home-active .cq-cat-card:hover{transform:translateY(-6px);box-shadow:0 34px 70px -30px rgba(5,22,39,.45), inset 0 1px 0 #fff}
  body.jiq-home-active .cq-cat-card:hover .cq-cat-go{transform:translateX(4px)}
}
body.jiq-home-active .cq-cat-card .ic{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;
  background:linear-gradient(150deg,var(--navy-3),var(--navy));color:#fff;
  box-shadow:0 12px 24px -10px rgba(12,49,88,.55), inset 0 1.5px 0 rgba(255,255,255,.2);
}
body.jiq-home-active .cq-cat-card:nth-child(2) .ic{
  background:var(--gold-grad);
  box-shadow:0 12px 24px -8px rgba(228,85,31,.55), inset 0 1.5px 0 rgba(255,255,255,.4);
}
body.jiq-home-active .cq-cat-card h3{font-size:21px;color:var(--navy);margin-bottom:8px}
body.jiq-home-active .cq-cat-card p{font-size:15px;color:var(--muted);line-height:1.72;margin-bottom:16px}
body.jiq-home-active .cq-cat-meta{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:15px;border-top:1px solid var(--line);
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);
}
body.jiq-home-active .cq-cat-go{margin-left:auto;color:var(--gold-3);display:inline-block;transition:transform .25s cubic-bezier(.2,.7,.3,1.4)}

/* --- Profile hero portrait -----------------------------------------------
   Fixed aspect with the crop biased upward so the face survives it; caption
   in flow in a bottom scrim rather than a floating badge. */
body.jiq-home-active .cq-portrait{
  position:relative;border-radius:26px;overflow:hidden;
  box-shadow:0 50px 90px -40px rgba(3,14,28,.85), inset 0 0 0 1px rgba(255,255,255,.10);
  transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
@media(hover:hover){
  body.jiq-home-active .cq-portrait:hover{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg) translateY(-6px)}
}
body.jiq-home-active .cq-portrait img{
  width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;display:block;
}
body.jiq-home-active .cq-portrait-cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:52px 22px 20px;
  background:linear-gradient(to top,rgba(5,22,39,.94) 35%,rgba(5,22,39,0));
}
body.jiq-home-active .cq-portrait-cap b{display:block;color:#fff;font-size:18px;line-height:1.2;margin-bottom:4px}
body.jiq-home-active .cq-portrait-cap span{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#FFC24B}

/* --- Image credit — rendered from record fields, never hand-typed ---------
   CC BY-SA needs the author, the licence version and links to both. */
body.jiq-home-active .cq-credit{display:block;margin-top:14px;font-size:11px;line-height:1.5;color:var(--faint)}
body.jiq-home-active .cq-credit a{color:var(--faint);text-decoration:underline;text-underline-offset:2px}
@media(hover:hover){body.jiq-home-active .cq-credit a:hover{color:var(--gold-3)}}

/* --- Filter toolbar — count sits beside the control and updates instantly -- */
body.jiq-home-active .cq-toolbar{
  margin-top:44px;display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;justify-content:space-between;
  padding:16px 20px;border-radius:18px;background:linear-gradient(165deg,#FFFFFF,#FCF9F4);
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 14px 40px -26px rgba(5,22,39,.35), inset 0 1px 0 #fff;
}
body.jiq-home-active .cq-chips{display:flex;flex-wrap:wrap;gap:8px}
body.jiq-home-active .cq-chip{
  appearance:none;border:0;cursor:pointer;padding:8px 15px;border-radius:999px;
  font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--navy);background:var(--cool);box-shadow:inset 0 0 0 1px var(--line-cool);
  transition:transform .2s cubic-bezier(.2,.7,.3,1.4), box-shadow .2s, background .2s;
}
@media(hover:hover){body.jiq-home-active .cq-chip:hover{transform:translateY(-2px);background:#E9F1FB}}
body.jiq-home-active .cq-chip[aria-pressed="true"]{background:var(--gold-grad);color:#3A1B00;box-shadow:0 10px 22px -10px rgba(228,85,31,.5)}
body.jiq-home-active .cq-chip:focus-visible{outline:3px solid var(--navy-3);outline-offset:2px}
body.jiq-home-active .cq-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
body.jiq-home-active .cq-count b{color:var(--navy);font-size:15px}

/* --- Three-layer figure block -------------------------------------------- */
body.jiq-home-active .cq-claim{
  margin-top:34px;border-radius:26px;overflow:hidden;background:#fff;
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 30px 60px -34px rgba(5,22,39,.4), inset 0 1px 0 #fff;
}
body.jiq-home-active .cq-layer{padding:26px 30px;border-bottom:1px solid var(--line)}
body.jiq-home-active .cq-layer:last-child{border-bottom:0}
body.jiq-home-active .cq-layer.is-ours{background:linear-gradient(160deg,#F3F7FC 0%,#FFFFFF 100%)}
body.jiq-home-active .cq-lab{
  display:block;margin-bottom:12px;font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--faint);
}
body.jiq-home-active .cq-fig{
  font-size:40px;font-weight:700;color:var(--navy);line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
body.jiq-home-active .cq-fig.cq-nofig{font-size:22px;color:var(--muted);letter-spacing:-.01em}
body.jiq-home-active .cq-layer p{font-size:15.5px;color:var(--muted);line-height:1.75;margin-top:12px}
body.jiq-home-active .cq-layer p b{color:var(--navy)}
body.jiq-home-active .cq-spread{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
body.jiq-home-active .cq-spread span{
  padding:6px 13px;border-radius:999px;background:var(--warm);box-shadow:inset 0 0 0 1px var(--line);
  font-size:13.5px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums;
}

/* --- Rank tiles — computed from stored fields, so every profile self-links -- */
body.jiq-home-active .cq-ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
body.jiq-home-active .cq-rank{
  display:block;text-decoration:none;padding:16px 18px;border-radius:16px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  transition:transform .25s cubic-bezier(.2,.7,.3,1.2), background .25s;
}
@media(hover:hover){body.jiq-home-active .cq-rank:hover{transform:translateY(-4px);background:rgba(255,255,255,.13)}}
body.jiq-home-active .cq-rank b{display:block;font-size:20px;color:#fff;font-variant-numeric:tabular-nums;margin-bottom:3px}
body.jiq-home-active .cq-rank span{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#8FA8C4}

/* --- Sources ------------------------------------------------------------- */
body.jiq-home-active .cq-srcs{margin-top:26px;display:grid;gap:12px}
body.jiq-home-active .cq-src{
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;
  padding:18px 20px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);
}
/* Fixed width, not shrink-to-fit. The grid column sized to each row's own
   label, so a long tier like "Documented hoax" pushed that row's title 60px
   further right than its neighbours and the list read as ragged. A shared
   width lines every title up on the same axis. */
body.jiq-home-active .cq-tier{
  display:block;width:104px;text-align:center;
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 8px;border-radius:8px;background:#fff;color:var(--muted);
  box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;
}
@media (max-width:760px){
  /* Stacked on small screens — a fixed side column costs too much width. */
  body.jiq-home-active .cq-src{grid-template-columns:1fr;gap:10px}
  /* justify-self:start is required — a grid item is blockified, so
     display:inline-block alone still stretches to fill the column. */
  body.jiq-home-active .cq-tier{width:auto;justify-self:start}
}
body.jiq-home-active .cq-src b{display:block;font-size:15px;color:var(--navy);margin-bottom:4px}
body.jiq-home-active .cq-src p{font-size:14px;color:var(--muted);line-height:1.7}
body.jiq-home-active .cq-pending{color:var(--gold-3);font-weight:700}

/* --- Contextual CTA rail — sits at the pivot point in the prose ----------- */
body.jiq-home-active .cq-inline{
  margin-top:38px;padding:26px 30px;border-radius:22px;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  background:linear-gradient(150deg,#FFF6EB 0%,#FFFFFF 70%);
  border:1px solid rgba(245,166,35,.32);
  box-shadow:0 16px 42px -28px rgba(228,85,31,.45), inset 0 1px 0 #fff;
}
body.jiq-home-active .cq-inline .ic{
  flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:var(--gold-grad);color:#fff;
  box-shadow:0 12px 24px -8px rgba(228,85,31,.55), inset 0 1.5px 0 rgba(255,255,255,.4);
}
body.jiq-home-active .cq-inline-tx{flex:1 1 300px;min-width:0}
body.jiq-home-active .cq-inline b{display:block;font-size:18px;color:var(--navy);margin-bottom:5px}
body.jiq-home-active .cq-inline p{font-size:15px;color:var(--muted);line-height:1.68}
body.jiq-home-active .cq-inline .btn{flex:none}

/* --- Misc ---------------------------------------------------------------- */
body.jiq-home-active .cq-note{
  margin-top:24px;padding:16px 20px;border-radius:16px;background:var(--cool);
  box-shadow:inset 0 0 0 1px var(--line-cool);font-size:14.5px;color:var(--muted);line-height:1.72;
}
body.jiq-home-active .cq-note b{color:var(--navy)}
body.jiq-home-active .cq-note a{color:var(--gold-3);font-weight:700}
body.jiq-home-active .cq-empty{
  margin-top:24px;padding:34px;border-radius:22px;text-align:center;
  background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;color:var(--muted);
}
body.jiq-home-active .cq-meta{
  display:inline-block;margin-top:18px;font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#8FA8C4;
}
body.jiq-home-active .cq-byline{
  margin-top:30px;padding-top:20px;border-top:1px solid var(--line);
  font-size:13.5px;color:var(--muted);line-height:1.75;
}
body.jiq-home-active .cq-byline b{color:var(--navy)}

/* --- The site's two breakpoints, no others ------------------------------- */
@media (max-width:1040px){
  body.jiq-home-active .cq-tiles{grid-template-columns:1fr 1fr}
  body.jiq-home-active .cq-cats{grid-template-columns:1fr}
  body.jiq-home-active .cq-ranks{grid-template-columns:1fr 1fr}
  body.jiq-home-active .cq-portrait{transform:none}
  body.jiq-home-active .cq-portrait:hover{transform:translateY(-4px)}
  body.jiq-home-active .cq-portrait img{height:auto;aspect-ratio:3/2;object-position:center 22%}
}
@media (max-width:760px){
  body.jiq-home-active .cq-tiles{grid-template-columns:1fr;gap:18px}
  body.jiq-home-active .cq-ranks{grid-template-columns:1fr}
  body.jiq-home-active .cq-layer{padding:22px 20px}
  body.jiq-home-active .cq-fig{font-size:34px}
  body.jiq-home-active .cq-inline,
  body.jiq-home-active .cq-cert{padding:22px 20px;border-radius:20px}
  body.jiq-home-active .cq-inline .btn,
  body.jiq-home-active .cq-cert .btn{width:100%;justify-content:center}
  body.jiq-home-active .cq-toolbar{padding:14px 16px}
  body.jiq-home-active .cq-cat-card{padding:26px 22px}
  body.jiq-home-active .cq-proto{font-size:10px;gap:8px;padding:8px 12px}
}

/* .rv must resolve VISIBLE here, not merely untransitioned. */
@media (prefers-reduced-motion:reduce){
  body.jiq-home-active .rv{opacity:1;transform:none;transition:none}
  body.jiq-home-active .cq-tile,
  body.jiq-home-active .cq-cat-card,
  body.jiq-home-active .cq-rank,
  body.jiq-home-active .cq-chip,
  body.jiq-home-active .cq-portrait{transition:none}
}

/* --- Pricing modal -------------------------------------------------------
   The plan CTA is a dialog, not an inline block. Two reasons: it keeps the
   commercial pitch out of the reading flow on a page whose credibility comes
   from reading as editorial, and it lets one component serve every trigger on
   every template instead of repeating a pricing panel per profile.
   Strictly about the READER's own result — nothing about a celebrity is ever
   gated, teased or priced. */
body.jiq-home-active .cq-modal{
  position:fixed;inset:0;z-index:10000;display:none;
  align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;
}
body.jiq-home-active .cq-modal.is-open{display:flex}
body.jiq-home-active .cq-modal-bd{
  position:fixed;inset:0;background:rgba(5,22,39,.72);backdrop-filter:blur(6px);
  animation:cqFade .25s ease both;
}
@keyframes cqFade{from{opacity:0}to{opacity:1}}
@keyframes cqRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
body.jiq-home-active .cq-modal-panel{
  position:relative;z-index:2;width:100%;max-width:1080px;margin:auto;
  background:var(--paper);border-radius:30px;padding:38px 38px 32px;
  box-shadow:0 60px 120px -44px rgba(5,22,39,.75);
  animation:cqRise .32s cubic-bezier(.2,.7,.3,1) both;
}
body.jiq-home-active .cq-modal-x{
  position:absolute;top:18px;right:18px;width:40px;height:40px;border:0;cursor:pointer;
  border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);
  display:grid;place-items:center;transition:transform .2s,background .2s;
}
@media(hover:hover){body.jiq-home-active .cq-modal-x:hover{transform:rotate(90deg);background:var(--warm)}}
body.jiq-home-active .cq-modal-x:focus-visible{outline:3px solid var(--navy-3);outline-offset:2px}
body.jiq-home-active .cq-modal-head{text-align:center;max-width:44em;margin:0 auto 30px}
body.jiq-home-active .cq-modal-head h2{font-size:clamp(26px,3vw,36px);margin-bottom:12px}
body.jiq-home-active .cq-modal-head p{font-size:16px;color:var(--muted);line-height:1.7}

body.jiq-home-active .cq-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
body.jiq-home-active .cq-plan{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border-radius:22px;padding:26px 22px 24px;
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 14px 40px -26px rgba(5,22,39,.35), inset 0 1px 0 #fff;
  transition:transform .3s cubic-bezier(.2,.7,.3,1.2), box-shadow .3s;
}
@media(hover:hover){
  body.jiq-home-active .cq-plan:hover{transform:translateY(-6px);box-shadow:0 34px 70px -30px rgba(5,22,39,.45), inset 0 1px 0 #fff}
}
/* The anchored middle tier. Most revenue lands here, so it is the one that
   carries the visual weight — not the most expensive one. */
body.jiq-home-active .cq-plan.is-pick{
  background:linear-gradient(160deg,#123F6E 0%,#0C3158 48%,#071E36 100%);
  border-color:rgba(245,166,35,.5);
  box-shadow:0 34px 74px -30px rgba(5,22,39,.62), inset 0 1px 0 rgba(255,255,255,.12);
}
body.jiq-home-active .cq-plan-tag{
  position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  padding:5px 14px;border-radius:999px;background:var(--gold-grad);color:#3A1B00;
  font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
  box-shadow:0 10px 20px -10px rgba(228,85,31,.6);
}
body.jiq-home-active .cq-plan h3{font-size:17px;color:var(--navy);margin-bottom:4px}
body.jiq-home-active .cq-plan.is-pick h3{color:#fff}
body.jiq-home-active .cq-plan-sub{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);margin-bottom:16px;
}
body.jiq-home-active .cq-plan.is-pick .cq-plan-sub{color:#8FA8C4}
body.jiq-home-active .cq-plan-price{
  display:flex;align-items:baseline;gap:4px;padding-bottom:18px;margin-bottom:18px;
  border-bottom:1px solid var(--line);
}
body.jiq-home-active .cq-plan.is-pick .cq-plan-price{border-bottom-color:rgba(255,255,255,.16)}
body.jiq-home-active .cq-plan-price b{
  font-size:34px;font-weight:700;line-height:1;color:var(--navy);font-variant-numeric:tabular-nums;
}
body.jiq-home-active .cq-plan.is-pick .cq-plan-price b{
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.jiq-home-active .cq-plan-price span{font-size:12px;color:var(--muted)}
body.jiq-home-active .cq-plan.is-pick .cq-plan-price span{color:#8FA8C4}
body.jiq-home-active .cq-plan ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
body.jiq-home-active .cq-plan li{
  display:grid;grid-template-columns:16px 1fr;gap:9px;align-items:start;
  font-size:13.5px;line-height:1.55;color:var(--muted);
}
body.jiq-home-active .cq-plan.is-pick li{color:#C6D6E8}
body.jiq-home-active .cq-plan li svg{margin-top:3px;stroke:var(--green);flex:none}
body.jiq-home-active .cq-plan li.is-off{color:var(--faint)}
body.jiq-home-active .cq-plan li.is-off svg{stroke:var(--faint)}
body.jiq-home-active .cq-plan .btn,
body.jiq-home-active .cq-plan .cq-plan-alt{margin-top:auto;width:100%;justify-content:center;text-align:center}
body.jiq-home-active .cq-plan-alt{
  display:block;padding:12px 16px;border-radius:999px;text-decoration:none;
  font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--navy);
  background:var(--cool);box-shadow:inset 0 0 0 1px var(--line-cool);
  transition:transform .2s cubic-bezier(.2,.7,.3,1.4),background .2s;
}
@media(hover:hover){body.jiq-home-active .cq-plan-alt:hover{transform:translateY(-2px);background:#E9F1FB}}

body.jiq-home-active .cq-modal-foot{
  margin-top:26px;padding-top:22px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
body.jiq-home-active .cq-foot-item{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start}
body.jiq-home-active .cq-foot-item svg{margin-top:2px;stroke:var(--gold-2);flex:none}
body.jiq-home-active .cq-foot-item b{display:block;font-size:14px;color:var(--navy);margin-bottom:3px}
body.jiq-home-active .cq-foot-item p{font-size:13px;color:var(--muted);line-height:1.6}
body.jiq-home-active .cq-modal-note{
  margin-top:20px;text-align:center;font-size:12.5px;color:var(--faint);line-height:1.65;
}

@media (max-width:1040px){
  body.jiq-home-active .cq-plans{grid-template-columns:1fr 1fr}
  body.jiq-home-active .cq-modal-panel{padding:32px 26px 26px;border-radius:26px}
  body.jiq-home-active .cq-modal-foot{grid-template-columns:1fr}
}
@media (max-width:760px){
  body.jiq-home-active .cq-modal{padding:16px 12px}
  body.jiq-home-active .cq-plans{grid-template-columns:1fr;gap:22px}
  body.jiq-home-active .cq-modal-panel{padding:26px 18px 22px;border-radius:22px}
}
@media (prefers-reduced-motion:reduce){
  body.jiq-home-active .cq-modal-bd,
  body.jiq-home-active .cq-modal-panel{animation:none}
  body.jiq-home-active .cq-plan,
  body.jiq-home-active .cq-modal-x{transition:none}
}
body.jiq-home-active .cq-plans-btn{appearance:none;border:0;cursor:pointer;font:inherit}

/* --- Category card: empty state + count pill ----------------------------- */
body.jiq-home-active .cq-cats{grid-template-columns:repeat(3,1fr)}
body.jiq-home-active .cq-cat-card.is-empty{opacity:.72}
body.jiq-home-active .cq-cat-card.is-empty .ic{
  background:linear-gradient(150deg,#E3EAF3,#F3F7FC);color:var(--faint);box-shadow:none;
}
body.jiq-home-active .cq-cat-card:nth-child(2) .ic{background:var(--gold-grad);color:#fff}
body.jiq-home-active .cq-cat-soon{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);
}
body.jiq-home-active .cq-cat-card.is-empty h3{color:var(--muted)}

/* Empty category page — an explicit, designed state, never a blank page. */
body.jiq-home-active .cq-empty-state{
  margin-top:34px;padding:52px 34px;border-radius:26px;text-align:center;
  background:linear-gradient(165deg,#FFFFFF,#FCF9F4);
  border:1px dashed rgba(147,162,180,.5);
}
body.jiq-home-active .cq-empty-state .ic{
  width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;
  background:var(--cool);color:var(--navy-3);box-shadow:inset 0 0 0 1px var(--line-cool);
}
body.jiq-home-active .cq-empty-state h3{font-size:21px;color:var(--navy);margin-bottom:10px}
body.jiq-home-active .cq-empty-state p{
  font-size:15px;color:var(--muted);line-height:1.72;max-width:46em;margin:0 auto 18px;
}
@media (max-width:1040px){body.jiq-home-active .cq-cats{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  body.jiq-home-active .cq-cats{grid-template-columns:1fr}
  body.jiq-home-active .cq-empty-state{padding:38px 22px}
}

/* --- IQ Tools scale ladder (dv-*) -----------------------------------------
   Lifted from menu/iq-tools/preview/jiq-dataviz.css so the celebrity pages and
   the calculators read as one system. ONE change from the original: every
   `font-family:var(--sans)` is the Enriqueta stack instead. On the live site
   the theme's !important rule masks --sans, so the tools look right there but
   fall back to Helvetica in the standalone previews — the same fix applied to
   the original file corrects those too. */
body.jiq-home-active .dv-scope{--dv-accent:#E4551F;        
  --dv-accent-soft:#F7D9CC;   
  --dv-alt:#2A78D6;           
  --dv-alt-soft:#D9E6F7;
  --dv-grid:#EDEFF2;          
  --dv-axis:#93A2B4;
  --dv-track:#E8EDF3;
  --dv-line:#6B7C8F;          
  --dv-surface:#FFFFFF;}
body.jiq-home-active .dv-tile > p,
body.jiq-home-active .dv-panel > p{margin:0;line-height:inherit}
body.jiq-home-active .dv-tile > p:empty,
body.jiq-home-active .dv-panel > p:empty{display:none}
body.jiq-home-active .dv-panel{background:var(--dv-surface);border:1px solid rgba(233,228,220,.9);border-radius:26px;
  box-shadow:0 28px 70px -40px rgba(5,22,39,.5),inset 0 1px 0 #fff;padding:26px 26px 24px}
body.jiq-home-active .dv-ctitle{font-family:var(--serif);font-weight:700;font-size:19px;
  color:var(--ink);margin:0 0 4px;line-height:1.25;max-width:20em}
body.jiq-home-active .dv-csub{font-family:"Enriqueta",Rockwell,Georgia,serif;font-size:13.5px;line-height:1.55;
  color:var(--muted);margin:0;max-width:40em}
body.jiq-home-active .dv-chead{display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;flex-wrap:wrap;margin-bottom:14px}
body.jiq-home-active .dv-ladwrap{margin-top:30px;padding-top:24px;border-top:1px solid var(--dv-grid)}
body.jiq-home-active .dv-ladder{margin-top:18px}
body.jiq-home-active .dv-lad-range{position:relative;height:46px}
body.jiq-home-active .dv-lad-bar{position:absolute;bottom:6px;height:13px;border-radius:3px;
  background:var(--dv-accent-soft);
  transition:left .3s cubic-bezier(.2,.7,.3,1),width .3s cubic-bezier(.2,.7,.3,1)}
body.jiq-home-active .dv-lad-bar::before,
body.jiq-home-active .dv-lad-bar::after{content:"";position:absolute;top:-6px;bottom:-6px;
  width:2.5px;background:var(--dv-accent);border-radius:2px}
body.jiq-home-active .dv-lad-bar::before{left:0}
body.jiq-home-active .dv-lad-bar::after{right:0}
body.jiq-home-active .dv-lad-dot{position:absolute;bottom:3px;width:19px;height:19px;margin-left:-9.5px;
  border-radius:50%;background:var(--dv-accent);border:3px solid #fff;
  box-shadow:0 1px 5px rgba(5,22,39,.32);transition:left .3s cubic-bezier(.2,.7,.3,1)}
body.jiq-home-active .dv-lad-rangelab{position:absolute;top:0;transform:translateX(-50%);
  white-space:nowrap;font-family:"Enriqueta",Rockwell,Georgia,serif;font-weight:700;font-size:12.5px;
  color:var(--dv-accent);transition:left .3s cubic-bezier(.2,.7,.3,1)}
body.jiq-home-active .dv-lad-track{position:relative;height:18px;border-radius:5px;overflow:hidden;
  background:var(--dv-track)}
body.jiq-home-active .dv-lad-seg{position:absolute;top:0;bottom:0;background:#EEF2F7;
  border-right:2px solid #fff;transition:background .25s,box-shadow .25s}
body.jiq-home-active .dv-lad-seg:last-of-type{border-right:0}
body.jiq-home-active .dv-lad-seg.is-hit{background:var(--dv-accent-soft);
  box-shadow:inset 0 2.5px 0 var(--dv-accent)}
body.jiq-home-active .dv-lad-labels{position:relative;height:32px;margin-top:6px}
body.jiq-home-active .dv-lad-labels span{position:absolute;top:0;text-align:center;font-family:"Enriqueta",Rockwell,Georgia,serif;
  font-size:11.5px;line-height:1.25;color:var(--faint);padding:0 3px;transition:color .25s}
body.jiq-home-active .dv-lad-labels span.is-hit{color:var(--ink);font-weight:700}
body.jiq-home-active .dv-lad-axis{position:relative;height:16px;margin-top:2px}
body.jiq-home-active .dv-lad-axis span{position:absolute;top:0;transform:translateX(-50%);
  font-family:"Enriqueta",Rockwell,Georgia,serif;font-size:11px;color:var(--dv-axis);font-variant-numeric:tabular-nums}
body.jiq-home-active .dv-lad-axis span:first-child{transform:none}
body.jiq-home-active .dv-lad-axis span:last-child{transform:translateX(-100%)}
body.jiq-home-active .dv-ladnote{margin:14px 0 0;font-family:"Enriqueta",Rockwell,Georgia,serif;font-size:14.5px;line-height:1.7;
  color:var(--muted);max-width:52em}
body.jiq-home-active .dv-ladnote b{color:var(--ink);font-weight:700}
body.jiq-home-active .dv-panel{padding:18px 15px 18px;border-radius:20px}
body.jiq-home-active .dv-lad-labels{height:46px}
body.jiq-home-active .dv-lad-labels span{font-size:10px}
body.jiq-home-active .dv-lad-ci,body.jiq-home-active .dv-lad-pt,
  body.jiq-home-active .dv-lad-seg{transition:none}
@media (max-width:760px){
  body.jiq-home-active .dv-panel{padding:18px 15px 18px;border-radius:20px}
  body.jiq-home-active .dv-lad-labels{height:46px}
  body.jiq-home-active .dv-lad-labels span{font-size:10px}
}

/* --- Our estimate — the block that now opens a profile --------------------
   Two columns: the range itself on navy so it reads as the page's answer, and
   the documented inputs beside it so the number is never asserted bare. The
   method is named directly under the figure — an estimate without a named
   method is just a guess with better typography. */
body.jiq-home-active .cq-est{
  display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:0;
  margin-top:30px;border-radius:26px;overflow:hidden;
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 30px 60px -34px rgba(5,22,39,.4), inset 0 1px 0 #fff;
}
body.jiq-home-active .cq-est-fig{
  position:relative;padding:34px 30px;
  background:linear-gradient(160deg,#123F6E 0%,#0C3158 48%,#071E36 100%);
  display:flex;flex-direction:column;justify-content:center;
}
body.jiq-home-active .cq-est-fig b{
  display:block;font-size:clamp(42px,5vw,60px);font-weight:700;line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:10px 0 12px;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 14px rgba(240,130,30,.32));
}
body.jiq-home-active .cq-est-lab{
  display:block;font-size:10.5px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:#8FA8C4;
}
body.jiq-home-active .cq-est-method{
  font-size:12.5px;line-height:1.5;color:#AFC4DC;
  padding-top:12px;border-top:1px solid rgba(255,255,255,.16);
}
body.jiq-home-active .cq-est-body{padding:30px;background:linear-gradient(165deg,#FFFFFF,#FCF9F4)}
body.jiq-home-active .cq-est-body .cq-est-lab{color:var(--faint);margin-bottom:14px}
body.jiq-home-active .cq-est-body ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
body.jiq-home-active .cq-est-body li{
  display:grid;grid-template-columns:15px 1fr;gap:11px;align-items:start;
  font-size:15px;line-height:1.62;color:var(--muted);
}
body.jiq-home-active .cq-est-body li svg{margin-top:5px;stroke:var(--green);flex:none}
body.jiq-home-active .cq-est-caution{
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
  font-size:13.5px;line-height:1.65;color:var(--muted);
}
@media (max-width:1040px){
  body.jiq-home-active .cq-est{grid-template-columns:1fr}
  body.jiq-home-active .cq-est-fig{padding:26px 24px}
}
@media (max-width:760px){
  body.jiq-home-active .cq-est{border-radius:20px}
  body.jiq-home-active .cq-est-body{padding:24px 20px}
}

/* --- At-a-glance facts, under the estimate ------------------------------- */
body.jiq-home-active .cq-facts{
  margin-top:22px;padding:26px 30px;border-radius:22px;
  background:var(--cool);box-shadow:inset 0 0 0 1px var(--line-cool);text-align:left;
}
body.jiq-home-active .cq-facts-h{
  display:block;margin-bottom:16px;font-size:10.5px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--faint);
}
body.jiq-home-active .cq-facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 26px;margin:0}
body.jiq-home-active .cq-facts dt{
  font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-2);margin-bottom:5px;
}
body.jiq-home-active .cq-facts dd{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}

/* --- Documented timeline -------------------------------------------------- */
body.jiq-home-active .cq-time{
  list-style:none;margin:34px 0 0;padding:0 0 0 22px;position:relative;
  border-left:2px solid var(--line);
}
body.jiq-home-active .cq-time li{position:relative;padding:0 0 22px 0;display:grid;grid-template-columns:78px 1fr;gap:18px}
body.jiq-home-active .cq-time li:last-child{padding-bottom:0}
body.jiq-home-active .cq-time li::before{
  content:"";position:absolute;left:-28px;top:7px;width:11px;height:11px;border-radius:50%;
  background:var(--gold-grad);box-shadow:0 0 0 3px var(--paper);
}
body.jiq-home-active .cq-time b{
  font-size:17px;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.4;
}
body.jiq-home-active .cq-time span{font-size:15px;line-height:1.68;color:var(--muted)}

/* --- Leaderboard ---------------------------------------------------------- */
body.jiq-home-active table.cq-lb{text-align:left}
body.jiq-home-active .cq-lb-rank{
  font-family:var(--serif);font-weight:700;font-size:19px;color:var(--gold-3);
  font-variant-numeric:tabular-nums;width:44px;
}
body.jiq-home-active .cq-lb-who{white-space:nowrap}
body.jiq-home-active .cq-lb-who img{
  width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center 18%;
  vertical-align:middle;margin-right:11px;box-shadow:0 4px 10px -4px rgba(5,22,39,.5);
}
body.jiq-home-active .cq-lb-who a{color:var(--navy);text-decoration:none;font-weight:700}
@media(hover:hover){body.jiq-home-active .cq-lb-who a:hover{color:var(--gold-3)}}
body.jiq-home-active .cq-lb-meth{font-size:13px;color:var(--muted);line-height:1.5}

@media (max-width:1040px){
  body.jiq-home-active .cq-facts dl{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body.jiq-home-active .cq-facts{padding:22px 20px}
  body.jiq-home-active .cq-facts dl{grid-template-columns:1fr;gap:14px}
  body.jiq-home-active .cq-time li{grid-template-columns:60px 1fr;gap:12px}
  body.jiq-home-active .cq-time b{font-size:15px}
}

/* Prototype-only chrome, removed in a live/preview build (CQ_PROTOTYPE = false). */
html.cq-live body.jiq-home-active .cq-proto{display:none}
html.cq-live body.jiq-home-active .cq-url{display:none}

/* --- Category card: image-led ---------------------------------------------
   The imagery comes from the profiles in the category, so a card gains a real
   face the moment its first celebrity publishes. Card padding moves onto the
   text half so the image can go full-bleed to the card edge. */
body.jiq-home-active .cq-cat-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
body.jiq-home-active .cq-cat-media{
  position:relative;display:block;height:158px;overflow:hidden;
  background:linear-gradient(150deg,var(--navy-3),var(--navy) 60%,var(--deep));
}
body.jiq-home-active .cq-cat-media img.cq-cat-hero{
  width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
@media(hover:hover){
  body.jiq-home-active .cq-cat-card:hover .cq-cat-media img.cq-cat-hero{transform:scale(1.06)}
}
/* Scrim so the icon and any stacked faces stay legible over any photograph. */
body.jiq-home-active .cq-cat-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(7,30,54,.18) 0%,rgba(7,30,54,.62) 72%,rgba(7,30,54,.86) 100%);
}
body.jiq-home-active .cq-cat-media.is-blank::after{
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(7,30,54,.35));
}
/* The icon lives in the text half, pulled up over the image. Keeping it out of
   .cq-cat-media matters: that element clips (overflow:hidden) so the hover zoom
   stays inside the frame, and anything overlapping its edge gets sliced. */
body.jiq-home-active .cq-cat-txt .ic{
  position:relative;z-index:2;margin:-46px 0 16px;
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--navy-3),var(--navy));color:#fff;
  box-shadow:0 14px 26px -10px rgba(5,22,39,.7), inset 0 1.5px 0 rgba(255,255,255,.22);
}
body.jiq-home-active .cq-cat-card:nth-child(2) .cq-cat-txt .ic{
  background:var(--gold-grad);
  box-shadow:0 14px 26px -10px rgba(228,85,31,.6), inset 0 1.5px 0 rgba(255,255,255,.4);
}
body.jiq-home-active .cq-cat-card.is-empty .cq-cat-txt .ic{
  background:rgba(255,255,255,.14);color:#DCE7F3;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
/* The other profiles in the category, stacked top-right. */
body.jiq-home-active .cq-cat-faces{position:absolute;z-index:2;top:16px;right:18px;display:flex}
body.jiq-home-active .cq-cat-faces img{
  width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:center 18%;
  border:2px solid rgba(255,255,255,.9);margin-left:-11px;
  box-shadow:0 5px 12px -4px rgba(5,22,39,.7);
}
body.jiq-home-active .cq-cat-faces img:first-child{margin-left:0}

body.jiq-home-active .cq-cat-txt{display:block;padding:0 30px 26px;flex:1 1 auto}
body.jiq-home-active .cq-cat-card h3{margin-bottom:8px}
body.jiq-home-active .cq-cat-card.is-empty{opacity:1}
body.jiq-home-active .cq-cat-card.is-empty h3{color:var(--navy)}

@media (max-width:760px){
  body.jiq-home-active .cq-cat-media{height:132px}
  body.jiq-home-active .cq-cat-txt{padding:0 22px 24px}
}

/* --- Tile: make the WHOLE card clickable ---------------------------------
   The stretched link is `h3 a::after { inset:0 }`, which resolves against the
   nearest POSITIONED ancestor. While .cq-tile-body was position:absolute that
   ancestor was the body, so the hit area was only the bottom scrim — 27% of
   the card — and the photograph above it was dead.

   Fix: overlap the image and the body in a single grid cell instead of
   absolutely positioning the body. The body is then static, .cq-tile becomes
   the nearest positioned ancestor, and inset:0 covers the whole card. Grid
   source order keeps the body painted above the image, so no z-index needed
   on the body itself. */
body.jiq-home-active .cq-tile{display:grid}
body.jiq-home-active .cq-tile img{grid-area:1 / 1}
body.jiq-home-active .cq-tile-body{
  position:static;grid-area:1 / 1;align-self:end;left:auto;right:auto;bottom:auto;
}

/* --- Comparison page ------------------------------------------------------ */
body.jiq-home-active .cq-vs{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;
  margin-top:30px;border-radius:26px;overflow:hidden;
  border:1px solid rgba(233,228,220,.9);
  box-shadow:0 30px 60px -34px rgba(5,22,39,.4), inset 0 1px 0 #fff;
  background:#fff;
}
body.jiq-home-active .cq-vs-side{padding:0 0 26px;text-align:center}
body.jiq-home-active .cq-vs-side img{
  width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 16%;
  display:block;margin-bottom:20px;
}
body.jiq-home-active .cq-vs-side h3{font-size:20px;margin-bottom:10px}
body.jiq-home-active .cq-vs-side h3 a{color:var(--navy);text-decoration:none}
@media(hover:hover){body.jiq-home-active .cq-vs-side h3 a:hover{color:var(--gold-3)}}
body.jiq-home-active .cq-vs-range{
  display:block;font-size:32px;font-weight:700;line-height:1;margin-bottom:8px;
  font-variant-numeric:tabular-nums;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.jiq-home-active .cq-vs-method{
  display:block;font-size:12px;color:var(--muted);padding:0 20px;line-height:1.5;
}
body.jiq-home-active .cq-vs-mid{
  align-self:center;padding:0 6px;font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);
}
@media (max-width:760px){
  body.jiq-home-active .cq-vs{grid-template-columns:1fr}
  body.jiq-home-active .cq-vs-mid{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
}

/* --- Hero stat row — fills the column beside the portrait ----------------- */
body.jiq-home-active .cq-hstats{
  display:flex;flex-wrap:wrap;gap:26px 34px;margin:26px 0 28px;
  padding:20px 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);
}
body.jiq-home-active .cq-hstats span{
  display:block;font-size:10px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#8FA8C4;margin-bottom:7px;
}
body.jiq-home-active .cq-hstats b{
  display:block;font-size:20px;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums;
}
body.jiq-home-active .cq-hstats div:first-child b{
  font-size:26px;background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* --- Share bar ------------------------------------------------------------
   Plain links, no vendor SDKs — nothing to load, track or consent to. */
body.jiq-home-active .cq-share{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:22px}
body.jiq-home-active .cq-share-lab{
  font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:#8FA8C4;margin-right:3px;
}
body.jiq-home-active .cq-share-btn{
  width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  display:grid;place-items:center;color:#DCE7F3;
  background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  transition:transform .2s cubic-bezier(.2,.7,.3,1.4), background .2s, color .2s;
}
@media(hover:hover){
  body.jiq-home-active .cq-share-btn:hover{transform:translateY(-3px);background:var(--gold-grad);color:#3A1B00;box-shadow:0 10px 20px -8px rgba(228,85,31,.6)}
}
body.jiq-home-active .cq-share-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
body.jiq-home-active .cq-copy.is-done{background:var(--green);color:#fff}
body.jiq-home-active .cq-copy.is-done::after{
  content:"Copied";position:absolute;margin-top:-58px;font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#fff;white-space:nowrap;
}
/* On light grounds (comparison pages) the bar needs the inverse treatment. */
body.jiq-home-active .blk .cq-share-lab,
body.jiq-home-active .blk-t .cq-share-lab{color:var(--faint)}
body.jiq-home-active .blk .cq-share-btn,
body.jiq-home-active .blk-t .cq-share-btn{
  background:var(--cool);color:var(--navy);box-shadow:inset 0 0 0 1px var(--line-cool);
}

/* --- Internal-link rail --------------------------------------------------- */
body.jiq-home-active .cq-links{
  padding:28px 32px;border-radius:22px;background:var(--cool);
  box-shadow:inset 0 0 0 1px var(--line-cool);text-align:left;
}
body.jiq-home-active .cq-links-h{
  display:block;margin-bottom:16px;font-size:10.5px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--faint);
}
body.jiq-home-active .cq-links ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.jiq-home-active .cq-links li{font-size:15.5px;line-height:1.65;color:var(--muted)}
body.jiq-home-active .cq-links a{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:2px solid rgba(245,166,35,.45)}
@media(hover:hover){body.jiq-home-active .cq-links a:hover{color:var(--gold-3);border-bottom-color:var(--gold-3)}}

@media (max-width:760px){
  body.jiq-home-active .cq-hstats{gap:18px 24px;margin:20px 0 22px}
  body.jiq-home-active .cq-hstats b{font-size:17px}
  body.jiq-home-active .cq-hstats div:first-child b{font-size:22px}
  body.jiq-home-active .cq-links{padding:22px 20px}
}









/* --- Sticky conversion card (profiles, desktop) --------------------------- */
body.jiq-home-active .cq-sticky{
  position:fixed;right:30px;bottom:30px;z-index:9000;width:410px;
  display:flex;gap:0;flex-direction:column;
  border-radius:26px;overflow:hidden;
  background:linear-gradient(160deg,#123F6E 0%,#0C3158 46%,#071E36 100%);
  box-shadow:0 40px 80px -28px rgba(3,14,28,.8), inset 0 1px 0 rgba(255,255,255,.12);
  /* Hidden until the reader has actually engaged with the page. */
  opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;
  transition:opacity .35s cubic-bezier(.2,.7,.3,1), transform .35s cubic-bezier(.2,.7,.3,1);
}
body.jiq-home-active .cq-sticky.is-in{opacity:1;transform:none;pointer-events:auto}
body.jiq-home-active .cq-sticky img{
  width:100%;height:150px;object-fit:cover;object-position:center 16%;display:block;
}
body.jiq-home-active .cq-sticky-tx{padding:24px 26px 26px;position:relative}
/* Scrim so the headline reads over any portrait behind it. */
body.jiq-home-active .cq-sticky-tx::before{
  content:"";position:absolute;left:0;right:0;top:-56px;height:56px;
  background:linear-gradient(to top,rgba(7,30,54,1),rgba(7,30,54,0));
}
body.jiq-home-active .cq-sticky b{
  position:relative;display:block;color:#fff;font-size:22px;line-height:1.25;margin-bottom:11px;
}
body.jiq-home-active .cq-sticky p{
  position:relative;font-size:15.5px;line-height:1.65;color:#AFC4DC;margin-bottom:20px;
}
body.jiq-home-active .cq-sticky p strong{color:#FFC24B;font-variant-numeric:tabular-nums}
body.jiq-home-active .cq-sticky .btn{position:relative;width:100%;justify-content:center}
body.jiq-home-active .cq-sticky-x{
  position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border:0;cursor:pointer;
  border-radius:50%;display:grid;place-items:center;color:#fff;
  background:rgba(7,30,54,.6);backdrop-filter:blur(4px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);
  transition:background .2s,transform .2s;
}
@media(hover:hover){body.jiq-home-active .cq-sticky-x:hover{background:rgba(7,30,54,.9);transform:rotate(90deg)}}
body.jiq-home-active .cq-sticky-x:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* Clear the prototype switcher when it is present; in a live build it is gone. */
body.jiq-home-active .cq-sticky{bottom:calc(30px + 62px)}
html.cq-live body.jiq-home-active .cq-sticky{bottom:30px}

/* Desktop only. On a small screen a persistent overlay reads as an intrusive
   interstitial — a Google demotion signal — and the inline rails already cover
   mobile conversion. */
/* The card is 410px wide, so it needs more room than the layout breakpoint
   allows before it starts crowding the reading column. */
@media (max-width:1180px){
  body.jiq-home-active .cq-sticky{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.jiq-home-active .cq-sticky{transition:none}
}

/* --- Minimised state ------------------------------------------------------
   The close button collapses the panel into a pill instead of destroying it.
   Same element, same position — only the presentation changes — so the offer
   stays one click away for the rest of the visit. */
/* position:static in the collapsed state is load-bearing. As an absolutely
   positioned child it contributed no width, and with every sibling hidden the
   parent collapsed to 0px — a pill you could not click. Letting the pill sit
   in flow means IT defines the collapsed size. */
body.jiq-home-active .cq-sticky-pill{
  position:static;z-index:4;border:0;cursor:pointer;
  display:none;align-items:center;justify-content:center;gap:9px;
  height:60px;padding:0 28px;border-radius:999px;
  background:var(--gold-grad);color:#3A1B00;
  font-size:15px;font-weight:700;letter-spacing:.02em;white-space:nowrap;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4);
}
/* max-content, not auto. A fixed-position flex column with `width:auto`
   resolved to 0 here, leaving the pill overflowing a zero-width card and
   effectively unclickable. max-content sizes the card to the pill inside it. */
body.jiq-home-active .cq-sticky.is-min{
  width:max-content;height:auto;border-radius:999px;
  background:var(--gold-grad);
  box-shadow:0 22px 44px -16px rgba(228,85,31,.62), inset 0 1.5px 0 rgba(255,255,255,.4);
}
body.jiq-home-active .cq-sticky.is-min > img,
body.jiq-home-active .cq-sticky.is-min > .cq-sticky-tx,
body.jiq-home-active .cq-sticky.is-min > .cq-sticky-x{display:none}
body.jiq-home-active .cq-sticky.is-min .cq-sticky-pill{display:flex}
@media(hover:hover){
  body.jiq-home-active .cq-sticky.is-min:hover{transform:translateY(-3px)}
}
body.jiq-home-active .cq-sticky-pill:focus-visible{outline:3px solid var(--navy);outline-offset:3px}

/* --- Suppress the plugin's injected chrome --------------------------------
   On pages carrying `jiq-foot-active`, the plugin injects its own header
   (.jiqh, set in Inter) and footer (.jiq-foot). The homepage and About do NOT
   get these — they use `header.site` in Enriqueta — so on a preview page you
   end up with two navbars in two different typefaces.
   We keep ours, because ours is what the rest of the site looks like. */
body.jiq-home-active .jiqh,
body.jiq-home-active .jiqh--navy,


/* --- Inline links inside FAQ answers -------------------------------------
   These inherited the paragraph colour exactly — measured rgb(94,110,128) for
   both link and surrounding text, no underline, same weight — so every link in
   an answer read as plain prose and would never have been clicked. Underline
   in gold, darken on hover; the FAQ is the block readers finish, so it is the
   best place on the page to hand them the test. */
body.jiq-home-active .faq p a{
  color:var(--navy);
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:rgba(228,85,31,.45);
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  transition:color .16s ease, text-decoration-color .16s ease;
}
body.jiq-home-active .faq p a:hover,
body.jiq-home-active .faq p a:focus-visible{
  color:var(--gold-3);
  text-decoration-color:var(--gold-3);
}

/* --- The hidden attribute must actually hide -----------------------------
   bindFilter() sets card.hidden = true, but `.cq-tile{display:grid}` is a
   class selector and beats the user-agent's `[hidden]{display:none}`, so the
   filter counted correctly ("1 of 12") while every card stayed on screen.
   The HTML spec recommends exactly this rule for author stylesheets that set
   display on elements which may also be hidden. */
body.jiq-home-active [hidden]{display:none !important}

/* ---- shine sweep on the secondary (glass) buttons -------------------------
   .btn already carries this from jiq-home.css, so the orange primary CTAs
   shimmer while "Browse profiles", "Read the FAQ" and the pricing buttons sat
   flat beside them. .btn-glass declares neither position nor overflow of its
   own, so both are added here - without overflow:hidden the highlight escapes
   the rounded pill. The white is softer than the primary's (.45 vs .65): the
   glass button is already translucent white, so the primary's value reads as a
   flash rather than a gloss. Reuses the existing @keyframes shine.
   .cq-share-btn is deliberately excluded - it is a 40px circular icon button
   and a diagonal sweep across it reads as a glitch. */
body.jiq-home-active .btn-glass{position:relative;overflow:hidden}
body.jiq-home-active .btn-glass::after{
  content:"";position:absolute;top:-40%;bottom:-40%;left:-80%;width:34%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);animation:shine 3.4s ease-in-out infinite;
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  body.jiq-home-active .btn-glass::after{animation:none !important}
}

/* ---- CUTOUT TREATMENT -----------------------------------------------------
   photo.cut is a transparent PNG of the subject with no background. The framed
   card fights it: border-radius + overflow:hidden clip the silhouette, and
   object-fit:cover crops the head to fill a 4:5 box. So the frame comes off,
   the aspect goes natural, and the shadow moves from the box to the subject
   via drop-shadow. The caption bar loses the edge it sat on and becomes a
   plain label underneath.

   Only the hero uses photo.cut. .ab-split-media keeps the real photograph -
   it is a landscape crop on a light ground, where a cutout reads as a sticker
   and the matte's soft edge shows as a fringe. */
body.jiq-home-active .cq-portrait{border-radius:0;overflow:visible;box-shadow:none;background:transparent;transform:none}
body.jiq-home-active .cq-portrait:hover{transform:translateY(-5px)}
body.jiq-home-active .cq-portrait img{aspect-ratio:auto;object-fit:contain;object-position:center bottom;width:100%;height:auto;filter:drop-shadow(0 30px 38px rgba(3,14,28,.60)) drop-shadow(0 6px 14px rgba(3,14,28,.45))}
body.jiq-home-active .cq-portrait-cap{position:static;padding:18px 2px 0;background:none}

/* ---- FOOTER JOIN -----------------------------------------------------------
   jiq-home.css sets `body.jiq-home-active footer{margin-top:120px}`. That gap is
   painted with the cream body ground, which is fine on pages that end in light
   content - but every profile here ends with the dark .final-card, so the gap
   renders as a cream stripe trapped between two dark blocks and reads as a
   rendering fault rather than as breathing room.

   Scoped to .jiq-celeb-active so only this section changes; the rest of the site
   keeps the 120px, which the footer paste records as deliberate. Specificity
   beats the jiq-home.css rule on its own (two classes vs one), so no !important.

   Two things were tried and rejected. Squaring the card's corners and letting it butt
   into the footer left two cream shoulders running down to the footer line, because
   the card is inset from the page edges. Painting .final navy so the card floated on
   the footer's own ground removed the cream entirely, which was not wanted either -
   the card is meant to sit on the paper background like every other card on the site.
   So the ground stays cream and only the distance changes: 120px of dead space reads
   as a stripe, 64px reads as section padding. */
body.jiq-celeb-active footer.jiq-foot{margin-top:0}
body.jiq-celeb-active .final{padding-bottom:64px}
