/* PIMPmyBOSS visual system — 0.19.0 visual uplift
   Design-only layer. No business logic, score, privacy rule or RPC is moved here. */

:root{
  --pimp-paper:#f7f4ef;
  --pimp-paper-2:#f2eee7;
  --pimp-ink:#0d0f0f;
  --pimp-muted:#666967;
  --pimp-line:rgba(13,15,15,.10);
  --pimp-panel:rgba(255,255,255,.82);
  --pimp-shadow:0 28px 80px rgba(31,25,19,.08);
  --pimp-shadow-soft:0 16px 44px rgba(31,25,19,.055);
  --pimp-blue:#4038f2;
  --pimp-pink:#e81d75;
  --pimp-violet:#7d2bd6;
  --pimp-radius-xl:34px;
  --pimp-radius-lg:26px;
  --pimp-radius-md:20px;
}

body{background:
  radial-gradient(circle at 9% 7%,rgba(64,56,242,.025),transparent 23%),
  radial-gradient(circle at 93% 18%,rgba(232,29,117,.028),transparent 25%),
  var(--pimp-paper)}

/* Shared navigation: compact, calm, premium. */
.content-header,.style-header,.nav,.app-header,.space-header{
  border-bottom:1px solid rgba(13,15,15,.08)!important;
  background:rgba(247,244,239,.88)!important;
  backdrop-filter:blur(22px) saturate(1.08);
  -webkit-backdrop-filter:blur(22px) saturate(1.08);
}
.nav-cta,.content-header .nav-cta,.style-header .nav-cta,
.app-primary,.space-primary{
  border-radius:999px!important;
  box-shadow:0 9px 24px rgba(13,15,15,.10);
}

/* -------------------------------------------------------------------------- */
/* Content pages: diagrams instead of generic circles.                        */
/* -------------------------------------------------------------------------- */
.content-hero{padding-top:72px;background:
  radial-gradient(circle at 80% 35%,color-mix(in srgb,var(--content-accent) 7%,transparent),transparent 32%),
  linear-gradient(180deg,#f8f5f0 0%,#f5f1ea 100%)!important}
.content-hero-grid{grid-template-columns:minmax(0,1fr) minmax(500px,.9fr)!important;gap:clamp(48px,6vw,100px)!important}
.content-hero h1{font-size:clamp(4rem,6vw,6.9rem)!important;line-height:.89!important;letter-spacing:-.078em!important;max-width:11.5ch!important}
.content-lead{font-size:clamp(1.05rem,1.42vw,1.34rem)!important;line-height:1.46!important;max-width:50ch!important}
.content-summary{font-size:.94rem!important;max-width:62ch!important}
.content-hero-side{gap:16px!important}
.content-visual{
  min-height:430px!important;
  border-radius:var(--pimp-radius-xl)!important;
  border:1px solid rgba(13,15,15,.075)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:var(--pimp-shadow)!important;
  isolation:isolate;
}
.content-visual::before{
  content:"";position:absolute;inset:-20%;z-index:-1;
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--content-accent) 8%,transparent),transparent 48%);
  filter:blur(12px)
}
.content-facts{gap:12px!important}.content-fact{border-radius:22px!important;background:rgba(255,255,255,.86)!important;box-shadow:var(--pimp-shadow-soft)}
.content-section{position:relative;overflow:hidden}
.content-section:nth-child(even){background:linear-gradient(180deg,#f8f5f0,#f3efe8)!important}
.content-section:nth-child(odd){background:#fff!important}
.content-section h2{max-width:13ch!important}
.content-section-copy{padding:28px 30px;border:1px solid rgba(13,15,15,.075);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 16px 45px rgba(13,15,15,.035)}
.content-faq details,.content-link-card{box-shadow:0 12px 34px rgba(13,15,15,.035)}

/* All semantic hero diagrams share the same stage language. */
.pv-stage{position:absolute;inset:0;padding:34px;display:grid;place-items:center;overflow:hidden}
.pv-stage::after{content:"";position:absolute;inset:10%;border-radius:28px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--content-accent) 8%,transparent),transparent 60%);pointer-events:none}
.pv-icon{width:54px;height:54px;border-radius:18px;background:#fff;border:1px solid var(--pimp-line);box-shadow:0 14px 36px rgba(13,15,15,.07);display:grid;place-items:center;position:relative;z-index:2}
.pv-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pv-dot{width:8px;height:8px;border-radius:99px;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}
.pv-wire{height:2px;background:linear-gradient(90deg,currentColor,color-mix(in srgb,currentColor 20%,transparent));border-radius:999px;transform-origin:left center}
.pv-chip{display:grid;place-items:center;border-radius:22px;border:1px solid color-mix(in srgb,var(--content-accent) 30%,transparent);background:color-mix(in srgb,var(--content-accent) 5%,white);box-shadow:0 16px 46px color-mix(in srgb,var(--content-accent) 12%,transparent);font:850 1.8rem/1 var(--font-display);color:var(--content-accent)}
.pv-mini-card{border:1px solid rgba(13,15,15,.08);background:rgba(255,255,255,.88);border-radius:22px;box-shadow:0 14px 38px rgba(13,15,15,.055)}
.pv-poly{clip-path:polygon(50% 0,96% 34%,78% 91%,22% 91%,4% 34%);background:color-mix(in srgb,var(--content-accent) 11%,white);border:1px solid color-mix(in srgb,var(--content-accent) 28%,transparent);position:relative}

/* Privacy: contributors -> protected threshold -> collective trends. */
.pv-privacy{grid-template-columns:120px 1fr 120px;gap:24px;color:var(--pimp-pink)}
.pv-privacy .people{display:grid;gap:10px;justify-items:center}
.pv-privacy .person{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(232,29,117,.14);box-shadow:0 12px 30px rgba(232,29,117,.08)}
.pv-privacy .person::before{content:"";width:12px;height:12px;border-radius:50%;background:rgba(232,29,117,.70);box-shadow:0 13px 0 5px rgba(232,29,117,.70)}
.pv-privacy .threshold{width:190px;height:190px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);display:grid;place-items:center;position:relative;background:linear-gradient(145deg,rgba(232,29,117,.12),rgba(232,29,117,.035));border:1px solid rgba(232,29,117,.14);box-shadow:0 24px 70px rgba(232,29,117,.10)}
.pv-privacy .threshold::before,.pv-privacy .threshold::after{content:"";position:absolute;inset:18px;clip-path:inherit;border:1px solid rgba(232,29,117,.20)}
.pv-privacy .threshold::after{inset:38px;opacity:.65}
.pv-privacy .threshold b{font:850 3rem/1 var(--font-display);position:relative;z-index:3}
.pv-privacy .flow{position:absolute;left:25%;right:24%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,29,117,.55),transparent);top:50%}
.pv-privacy .out{width:112px;height:126px;display:grid;place-items:center;text-align:center}
.pv-bars{display:flex;align-items:end;gap:5px;height:48px}.pv-bars i{display:block;width:10px;border-radius:4px 4px 2px 2px;background:linear-gradient(#f36aa5,#db1875)}.pv-bars i:nth-child(1){height:20px}.pv-bars i:nth-child(2){height:31px}.pv-bars i:nth-child(3){height:44px}

/* Method: answers -> two profiles -> shared reading. */
.pv-method{grid-template-columns:1fr 1.2fr 1fr;gap:18px;color:var(--pimp-blue)}
.pv-method .col{height:305px;display:grid;align-content:center;gap:11px;position:relative;z-index:2}
.pv-method .answer{height:52px;display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:9px;padding:0 13px}
.pv-method .answer i{height:6px;border-radius:99px;background:#e1e1e5}.pv-method .answer i::after{content:"";display:block;width:62%;height:100%;border-radius:inherit;background:#c8c8d1}
.pv-method .profiles{gap:13px}.pv-method .profile-mini{height:142px;position:relative;display:grid;place-items:center;overflow:hidden}
.pv-method .profile-mini::before{content:"";width:86px;height:86px;clip-path:polygon(50% 0,98% 35%,79% 92%,21% 92%,2% 35%);background:color-mix(in srgb,currentColor 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 50%,transparent)}
.pv-method .profile-mini.self{color:var(--pimp-blue)}.pv-method .profile-mini.other{color:var(--pimp-pink)}
.pv-method .match{height:298px;display:grid;place-items:center;position:relative;overflow:hidden}
.pv-method .match::before,.pv-method .match::after{content:"";position:absolute;width:160px;height:160px;clip-path:polygon(50% 0,98% 35%,79% 92%,21% 92%,2% 35%)}
.pv-method .match::before{background:rgba(64,56,242,.15);transform:translate(-16px,-8px) rotate(-8deg)}
.pv-method .match::after{background:rgba(232,29,117,.15);transform:translate(18px,11px) rotate(8deg)}
.pv-method .match-core{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,rgba(64,56,242,.82),rgba(232,29,117,.82));filter:blur(.1px);opacity:.42}
.pv-method .connector{position:absolute;left:31%;right:31%;top:50%;height:2px;background:linear-gradient(90deg,rgba(64,56,242,.4),rgba(125,43,214,.4),rgba(232,29,117,.4));z-index:1}
.pv-method .step-number{position:absolute;top:18px;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid rgba(64,56,242,.12);box-shadow:0 10px 24px rgba(64,56,242,.08);font:850 .85rem var(--font-display);display:grid;place-items:center;color:var(--pimp-blue)}
.pv-method .col:nth-child(1) .step-number{left:30%}.pv-method .col:nth-child(2) .step-number{left:calc(50% - 21px)}.pv-method .col:nth-child(3) .step-number{right:30%}

/* Compatibility: two shapes meet without pretending to be a real user score. */
.pv-compat{display:grid;place-items:center}
.pv-compat .rings{position:relative;width:290px;height:290px;border-radius:50%;border:1px solid rgba(13,15,15,.07);box-shadow:inset 0 0 0 42px rgba(255,255,255,.30)}
.pv-compat .rings::before,.pv-compat .rings::after{content:"";position:absolute;inset:38px;border-radius:50%;border:1px dashed rgba(13,15,15,.10)}.pv-compat .rings::after{inset:78px}
.pv-compat .shape{position:absolute;left:50%;top:50%;width:190px;height:190px;transform-origin:center;clip-path:polygon(50% 5%,90% 31%,78% 84%,23% 91%,5% 38%)}
.pv-compat .shape.self{background:rgba(64,56,242,.23);transform:translate(-58%,-54%) rotate(-8deg);box-shadow:inset 0 0 0 2px rgba(64,56,242,.45)}
.pv-compat .shape.other{background:rgba(232,29,117,.22);transform:translate(-43%,-45%) rotate(9deg);box-shadow:inset 0 0 0 2px rgba(232,29,117,.44)}
.pv-compat .meet-dot{position:absolute;left:50%;top:50%;width:82px;height:82px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(64,56,242,.35),rgba(232,29,117,.35));box-shadow:0 0 60px rgba(125,43,214,.15)}
.pv-compat .legend{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:210px;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--pimp-blue),var(--pimp-violet),var(--pimp-pink));opacity:.8}

/* Journey: a clean five-node path, no fake score. */
.pv-journey{display:grid;place-items:center}
.pv-journey .path{position:relative;width:86%;height:250px}
.pv-journey .path::before{content:"";position:absolute;left:7%;right:7%;top:50%;height:2px;background:linear-gradient(90deg,var(--pimp-blue),var(--pimp-violet),var(--pimp-pink));opacity:.35}
.pv-journey .node{position:absolute;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:24px;background:#fff;border:1px solid rgba(13,15,15,.08);box-shadow:0 16px 40px rgba(13,15,15,.07);display:grid;place-items:center;color:var(--pimp-violet)}
.pv-journey .node::before{font:850 1rem var(--font-display)}
.pv-journey .node:nth-child(1){left:8%;color:var(--pimp-blue)}.pv-journey .node:nth-child(1)::before{content:"01"}
.pv-journey .node:nth-child(2){left:29%}.pv-journey .node:nth-child(2)::before{content:"02"}
.pv-journey .node:nth-child(3){left:50%}.pv-journey .node:nth-child(3)::before{content:"03"}
.pv-journey .node:nth-child(4){left:71%;color:var(--pimp-pink)}.pv-journey .node:nth-child(4)::before{content:"04"}
.pv-journey .node:nth-child(5){left:92%;color:var(--pimp-pink)}.pv-journey .node:nth-child(5)::before{content:"05"}
.pv-journey .node:nth-child(3){width:104px;height:104px;border-radius:34px;background:linear-gradient(145deg,rgba(64,56,242,.06),rgba(232,29,117,.06));border-color:rgba(125,43,214,.18)}

/* Profile: five archetype portraits arranged as one composition. */
.pv-profile{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:22px!important}
.pv-profile .portrait{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(13,15,15,.07);background:#fff;min-height:170px;box-shadow:0 12px 34px rgba(13,15,15,.05)}
.pv-profile .portrait img{position:absolute;width:115%;height:115%;object-fit:contain;object-position:center bottom;left:-7%;bottom:-16%}
.pv-profile .portrait:nth-child(1){grid-row:1 / 3;background:linear-gradient(150deg,#101619,#17253f)}
.pv-profile .portrait:nth-child(2){background:linear-gradient(150deg,#fff,#fbf0f6)}
.pv-profile .portrait:nth-child(3){background:linear-gradient(150deg,#11191b,#20363c)}
.pv-profile .portrait:nth-child(4){background:linear-gradient(150deg,#fff,#fff1e9)}
.pv-profile .portrait:nth-child(5){background:linear-gradient(150deg,#101817,#16352f)}

/* Mirror: one central silhouette, two perception fields. */
.pv-mirror{display:grid;grid-template-columns:1fr 1fr;position:relative;background:linear-gradient(90deg,rgba(64,56,242,.035) 0 50%,rgba(232,29,117,.035) 50%)}
.pv-mirror::before{content:"";position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(var(--pimp-blue),var(--pimp-violet),var(--pimp-pink));opacity:.35}
.pv-mirror .field{position:relative;display:grid;place-items:center;overflow:hidden}
.pv-mirror .field::before{content:"";width:230px;height:230px;clip-path:polygon(50% 0,95% 35%,77% 93%,24% 93%,5% 35%);background:currentColor;opacity:.08;transform:rotate(-5deg)}
.pv-mirror .field.self{color:var(--pimp-blue)}.pv-mirror .field.team{color:var(--pimp-pink)}
.pv-mirror .person{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);width:45%;height:91%;object-fit:contain;object-position:center bottom;z-index:4;filter:drop-shadow(0 18px 28px rgba(13,15,15,.13))}
.pv-mirror .marker{position:absolute;top:34px;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid currentColor;box-shadow:0 10px 24px color-mix(in srgb,currentColor 10%,transparent)}
.pv-mirror .self .marker{left:34px}.pv-mirror .team .marker{right:34px}

/* Responsible AI: deterministic pipeline, not robot/sparkle imagery. */
.pv-ai{display:grid;grid-template-columns:100px 1fr 100px;gap:18px;align-items:center;color:var(--pimp-violet)}
.pv-ai .rules{display:grid;gap:10px}.pv-ai .rule{height:58px;border-radius:18px;background:#fff;border:1px solid rgba(13,15,15,.08);box-shadow:0 10px 28px rgba(13,15,15,.04);position:relative}.pv-ai .rule::before{content:"";position:absolute;left:14px;right:14px;top:18px;height:6px;border-radius:99px;background:rgba(125,43,214,.14);box-shadow:0 14px 0 rgba(125,43,214,.08)}
.pv-ai .engine{height:220px;border-radius:46px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(64,56,242,.07),rgba(125,43,214,.08),rgba(232,29,117,.06));border:1px solid rgba(125,43,214,.14);box-shadow:0 24px 70px rgba(125,43,214,.08);position:relative}
.pv-ai .engine::before,.pv-ai .engine::after{content:"";position:absolute;width:118px;height:118px;border-radius:32px;border:1px solid rgba(125,43,214,.18);transform:rotate(45deg)}.pv-ai .engine::after{width:78px;height:78px;opacity:.65}
.pv-ai .engine .core{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--pimp-blue),var(--pimp-pink));opacity:.7}
.pv-ai .output{height:126px;display:grid;place-items:center}.pv-ai .output svg{width:42px;height:42px;stroke:var(--pimp-violet);fill:none;stroke-width:1.7}

/* -------------------------------------------------------------------------- */
/* Style index pages: bento rather than five equal vertical cards.             */
/* -------------------------------------------------------------------------- */
.style-hub-hero{padding:62px 0 26px!important}.style-hub-hero h1{font-size:clamp(4.2rem,7.3vw,8rem)!important;line-height:.86!important;max-width:9.5ch!important;letter-spacing:-.08em!important}.style-hub-hero p{max-width:54ch!important;font-size:1rem!important;line-height:1.58!important}
.style-hub-grid{display:grid!important;grid-template-columns:1.1fr 1fr 1fr!important;grid-template-rows:300px 260px!important;gap:14px!important;padding-bottom:90px!important}
.style-hub-card{min-height:0!important;border-radius:26px!important;overflow:hidden!important;border:1px solid rgba(13,15,15,.08)!important;box-shadow:var(--pimp-shadow-soft)!important;background:#fff!important;position:relative!important;isolation:isolate!important}
.style-hub-card:nth-child(1){grid-row:1 / 3;grid-column:1;background:linear-gradient(155deg,#101416,#142032)!important;color:#fff!important}
.style-hub-card:nth-child(2){grid-column:2;grid-row:1;background:linear-gradient(145deg,#fff,#fbf1f7)!important}
.style-hub-card:nth-child(3){grid-column:2;grid-row:2;background:linear-gradient(145deg,#101719,#1d2a30)!important;color:#fff!important}
.style-hub-card:nth-child(4){grid-column:3;grid-row:1 / 3;background:linear-gradient(145deg,#fff,#fff2ec)!important}
.style-hub-card:nth-child(5){grid-column:3;grid-row:2 / 3;background:linear-gradient(145deg,#101817,#17332d)!important;color:#fff!important;transform:translateY(274px);height:260px;margin-top:-274px}
.style-hub-card img{position:absolute!important;inset:auto -8% -13% auto!important;width:82%!important;height:83%!important;object-fit:contain!important;object-position:right bottom!important;opacity:1!important;filter:drop-shadow(0 18px 28px rgba(13,15,15,.12));z-index:1!important}
.style-hub-card:nth-child(1) img{width:105%!important;height:76%!important;right:-18%!important;bottom:-8%!important}
.style-hub-card:nth-child(2) img{width:58%!important;height:95%!important;right:-3%!important;bottom:-19%!important}
.style-hub-card:nth-child(3) img{width:58%!important;height:112%!important;right:-1%!important;bottom:-29%!important}
.style-hub-card:nth-child(4) img{width:77%!important;height:80%!important;right:-13%!important;bottom:-8%!important}
.style-hub-card:nth-child(5) img{width:61%!important;height:108%!important;right:-5%!important;bottom:-29%!important}
.style-hub-content{position:relative!important;z-index:3!important;padding:26px!important;max-width:68%!important;background:none!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.style-hub-card:nth-child(1) .style-hub-content{max-width:76%!important;padding:30px!important}
.style-hub-content small{color:var(--card-accent)!important;letter-spacing:.12em!important;font-weight:850!important}
.style-hub-card h2{font-size:clamp(2rem,3vw,3.4rem)!important;letter-spacing:-.07em!important;line-height:.94!important;margin:9px 0 11px!important}
.style-hub-card p{font-size:.79rem!important;line-height:1.42!important;max-width:28ch!important;margin:0!important}
.style-hub-card:nth-child(1) p{font-size:.9rem!important;max-width:26ch!important}.style-hub-card:nth-child(4) p{max-width:22ch!important}
.style-hub-card .go{margin-top:auto!important;width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid currentColor!important;display:grid!important;place-items:center!important;font-size:0!important;background:rgba(255,255,255,.06)!important}
.style-hub-card .go::after{content:"→";font-size:1.2rem!important;line-height:1!important}.style-hub-card:not(:nth-child(1)):not(:nth-child(3)):not(:nth-child(5)) .go{background:#fff!important}
.style-hub-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 68%);pointer-events:none;z-index:2}
.style-hub-card:nth-child(1)::after,.style-hub-card:nth-child(3)::after,.style-hub-card:nth-child(5)::after{background:linear-gradient(90deg,rgba(10,12,13,.66) 0%,rgba(10,12,13,.24) 58%,transparent 82%)}

/* Detailed style pages: soften long editorial blocks, foreground persona geometry. */
.style-hero,.style-intro,.style-profile-hero{background:linear-gradient(180deg,#f8f5f0,#f3efe8)!important}
.style-card,.style-panel,.style-axis-card,.style-evidence-card{border-radius:24px!important;box-shadow:0 14px 40px rgba(13,15,15,.04)!important}

/* -------------------------------------------------------------------------- */
/* Application surfaces: same visual language, without touching IDs or JS.    */
/* -------------------------------------------------------------------------- */
.app-main,.space-main{background:linear-gradient(180deg,#f7f4ef,#f2eee7)!important}
.app-scene,.space-section,.manager-state,.pulse-hub-card,.situation-hub-card,.space-action-card,.profile-result-panel,.question-shell,.manager-self-intro-card,
.result-section,.result-context-compact,.lived-card,.period-panel{
  border-radius:28px!important;
  border-color:rgba(13,15,15,.085)!important;
  box-shadow:0 18px 56px rgba(13,15,15,.05)!important;
}
.space-action-card,.pulse-hub-card,.situation-hub-card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.68))!important;overflow:hidden;position:relative}
.space-action-card::after,.pulse-hub-card::after,.situation-hub-card::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-meet) 10%,transparent),transparent 66%);pointer-events:none}
.field input,.field select,.space-field input,.space-field select{border-radius:16px!important;background:#fff!important}
.choice-grid label,.contract-choices label,.quality-options label{border-radius:18px!important;box-shadow:0 9px 26px rgba(13,15,15,.025)}
.profile-radar,.space-radar{filter:drop-shadow(0 18px 30px rgba(64,56,242,.08))}

/* Homepage polish: keep existing interactions, upgrade card rhythm. */
.home-v019 .statement-question,.home-v019 .meeting-demo,.home-v019 .imprint,.home-v019 .match-visual,.home-v019 .mirror-frame,.home-v019 .company-search-card{
  border-radius:32px!important;box-shadow:var(--pimp-shadow)!important;border-color:rgba(13,15,15,.075)!important
}
.home-v019 .collab-style-card{border-radius:26px!important;overflow:hidden!important}
.home-v019 .quality-row{border-radius:20px!important}
.home-v019 .faq-grid details{border-radius:20px!important}

@media(max-width:1180px){
  .content-hero-grid{grid-template-columns:1fr .84fr!important}
  .style-hub-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:330px 280px 280px!important}
  .style-hub-card:nth-child(1){grid-column:1;grid-row:1/3}.style-hub-card:nth-child(2){grid-column:2;grid-row:1}.style-hub-card:nth-child(3){grid-column:2;grid-row:2}.style-hub-card:nth-child(4){grid-column:1;grid-row:3}.style-hub-card:nth-child(5){grid-column:2;grid-row:3;transform:none;height:auto;margin:0}
}
@media(max-width:860px){
  .content-hero-grid{grid-template-columns:minmax(0,1fr)!important}.content-hero-side{order:0!important}.content-visual{min-height:360px!important}
  .pv-stage{padding:20px}.pv-method{gap:9px}.pv-method .col{height:280px}.pv-privacy{grid-template-columns:82px 1fr 82px;gap:10px}.pv-privacy .threshold{width:156px;height:156px}.pv-profile{grid-template-columns:1fr 1fr 1fr;grid-template-rows:160px 160px}.pv-mirror .person{width:58%}
}
@media(max-width:700px){
  .style-hub-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:0 18px 64px!important;margin-inline:-5vw!important;gap:12px!important}.style-hub-card{flex:0 0 78vw!important;height:440px!important;min-height:440px!important;transform:none!important;margin:0!important;scroll-snap-align:center!important}.style-hub-card:nth-child(n){grid-column:auto;grid-row:auto}.style-hub-card img{width:90%!important;height:75%!important;right:-12%!important;bottom:-7%!important}.style-hub-content{max-width:78%!important;padding:24px!important}.style-hub-card h2{font-size:2.6rem!important}
  .pv-method{grid-template-columns:1fr 1fr 1fr!important;transform:scale(.86);transform-origin:center}.pv-privacy{transform:scale(.86)}
}
@media(max-width:520px){
  .content-hero h1{font-size:clamp(3.45rem,15vw,5rem)!important}.content-visual{min-height:315px!important;border-radius:26px!important}.content-section-copy{padding:22px 20px!important}
  .pv-profile{padding:12px!important;gap:7px}.pv-profile .portrait{min-height:135px;border-radius:16px}.pv-method{transform:scale(.72)}.pv-privacy{transform:scale(.70)}.pv-compat .rings{transform:scale(.82)}.pv-journey .path{transform:scale(.85)}.pv-ai{transform:scale(.8)}
}
/* 0.19.0 visual QA refinements */
.pv-profile{place-items:stretch!important}
.pv-method .col:nth-child(2) .step-number,.pv-method .col:nth-child(3) .step-number{color:var(--pimp-blue)!important;opacity:1!important;z-index:5!important}
.pv-method .profile-mini{min-width:0}
/* Keep persona asset labels out of explanatory diagrams; HTML remains the localized source of names. */
.pv-profile .portrait:not(:first-child) img{height:132%!important;width:126%!important;left:-13%!important;bottom:-34%!important}
@media(max-width:700px){
  .style-hub-card h2{font-size:clamp(1.9rem,8.5vw,2.45rem)!important;max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important}
  .style-hub-content{max-width:86%!important;min-width:0!important}
}
/* Style hub portraits use cropped card assets so embedded language labels stay outside the visible frame. */
.style-hub-grid .style-hub-card img[src*="persona-manager-"]{width:84%!important;height:102%!important;right:-13%!important;bottom:-25%!important;object-fit:contain!important}
.style-hub-grid .style-hub-card:nth-child(1) img[src*="persona-manager-"]{width:112%!important;height:94%!important;right:-22%!important;bottom:-22%!important}
.style-hub-grid .style-hub-card:nth-child(2) img[src*="persona-manager-"]{width:72%!important;height:112%!important;right:-10%!important;bottom:-34%!important}
.style-hub-grid .style-hub-card:nth-child(3) img[src*="persona-manager-"]{width:70%!important;height:116%!important;right:-8%!important;bottom:-38%!important}
.style-hub-grid .style-hub-card:nth-child(4) img[src*="persona-manager-"]{width:91%!important;height:100%!important;right:-17%!important;bottom:-22%!important}
.style-hub-grid .style-hub-card:nth-child(5) img[src*="persona-manager-"]{width:72%!important;height:114%!important;right:-10%!important;bottom:-38%!important}
@media(max-width:820px){.home-v019 .styles{overflow:hidden!important}}
html{overflow-x:hidden}

/* 0.19.1 — preserve the signed-in app bar over the shared public-header skin. */
.space-shell[data-state="signed-in"] .space-header{background:rgba(17,19,19,.97)!important;color:#fff!important;border-bottom-color:rgba(255,255,255,.10)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.space-shell[data-state="signed-in"] .space-header .brand,.space-shell[data-state="signed-in"] .space-header .space-home-link,.space-shell[data-state="signed-in"] .space-header .text-action{color:#fff!important}
.space-shell[data-state="signed-in"] .space-header .nav-lang{color:#fff!important;border-color:rgba(255,255,255,.28)!important}

/* Concept hero — four readings, visibly separated. */
.pv-journey-v2{position:absolute!important;inset:0!important;padding:28px!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:14px!important;place-items:stretch!important}
.pv-journey-v2::before{content:"";position:absolute;left:50%;top:14%;bottom:14%;width:1px;background:linear-gradient(180deg,transparent,rgba(13,15,15,.12) 18%,rgba(13,15,15,.12) 82%,transparent)}
.pv-journey-v2 .journey-input,.pv-journey-v2 .journey-output{position:relative;z-index:2;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:18px;border:1px solid rgba(13,15,15,.075);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(13,15,15,.045)}
.pv-journey-v2 .journey-input{padding-right:28px}.pv-journey-v2 .journey-output{padding-left:28px}
.pv-journey-v2 .journey-number{grid-row:1/3;align-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:rgba(64,56,242,.07);font:850 .78rem var(--font-display);color:var(--pimp-blue)}
.pv-journey-v2 .journey-manager .journey-number,.pv-journey-v2 .journey-quality .journey-number{background:rgba(232,29,117,.065);color:var(--pimp-pink)}
.pv-journey-v2 strong{align-self:end;font:850 .88rem/1.12 var(--font-display);letter-spacing:-.02em;color:var(--pimp-ink)}
.pv-journey-v2 small{align-self:start;margin-top:4px;font:650 .64rem/1.25 var(--font-body);color:var(--pimp-muted)}
.journey-mini-radar,.journey-overlap,.journey-signal-dots{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:58px;height:58px;opacity:.72}
.journey-mini-radar{clip-path:polygon(50% 3%,98% 37%,80% 96%,20% 96%,2% 37%);background:conic-gradient(from 0deg,rgba(64,56,242,.34),rgba(64,56,242,.10),rgba(64,56,242,.34));border-radius:18px}
.journey-manager .journey-mini-radar{background:conic-gradient(from 0deg,rgba(232,29,117,.34),rgba(232,29,117,.10),rgba(232,29,117,.34))}
.journey-overlap b{position:absolute;inset:8px;border-radius:50%;background:rgba(64,56,242,.18)}.journey-overlap b+ b{transform:translateX(14px);background:rgba(232,29,117,.18)}
.journey-signal-dots{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.journey-signal-dots i{border-radius:50%;background:var(--pimp-pink);opacity:.55}.journey-signal-dots i:nth-child(even){opacity:.26}
.journey-wire{position:absolute;z-index:1;left:47%;width:6%;height:2px;background:linear-gradient(90deg,var(--pimp-blue),var(--pimp-violet),var(--pimp-pink));opacity:.45}.journey-wire-a{top:26%}.journey-wire-b{top:74%}
.journey-separator{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(13,15,15,.08);box-shadow:0 7px 20px rgba(13,15,15,.06);white-space:nowrap}.journey-separator span{font:800 .52rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--pimp-violet)}
@media(max-width:860px){.pv-journey-v2{padding:18px!important;gap:10px!important}.pv-journey-v2 .journey-input,.pv-journey-v2 .journey-output{grid-template-columns:40px 1fr;padding:12px}.pv-journey-v2 .journey-number{width:34px;height:34px}.journey-mini-radar,.journey-overlap,.journey-signal-dots{display:none}.journey-separator{display:none}}

/* Mobile clipping regression: intrinsic grid minimums must not exceed the viewport. */
@media (max-width:860px){
  :where(.content-wrap,.style-wrap,.launch-wrap,.wrap,.auth-entry-shell) > *{min-width:0}
  :where(.content-hero-grid,.criterion-hero-grid,.style-hero-grid,.style-signature-grid,.research-grid,.quality-top,.auth-entry-card) > *{min-width:0}
  :where(.content-hero,.criterion-hero,.style-hero,.home-v019,.auth-entry-copy) h1,
  :where(.content-hero,.criterion-hero,.style-section,.home-v019,.content-section) h2,
  .auth-entry-title{overflow-wrap:anywhere;word-break:normal}
}

@media(max-width:700px){.style-hub-card h2{overflow-wrap:anywhere!important}}
@media(max-width:980px){.style-hero h1{max-width:100%}}
@media(max-width:900px){.criterion-hero h1,.criterion-index-hero h1{max-width:100%}}
/* Final prelaunch mobile typography and two narrow card layouts.
   Scope is restricted to public visual components; no runtime/data changes. */
@media(max-width:560px){
  .pv-journey-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pv-journey-v2 .journey-input,.pv-journey-v2 .journey-output{
    min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;
    justify-items:start;align-content:center;row-gap:5px;padding:10px
  }
  .pv-journey-v2 .journey-number{grid-row:auto;grid-column:1;width:30px;height:30px;border-radius:10px}
  .pv-journey-v2 strong,.pv-journey-v2 small{min-width:0;max-width:100%;overflow-wrap:break-word}
  .pv-journey-v2 strong{font-size:.75rem;line-height:1.15}
  .pv-journey-v2 small{font-size:.61rem;line-height:1.25}
  .pair-card .pair-names{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}
  .pair-card .pair-names span{min-width:0;font-size:clamp(.85rem,3.6vw,1.15rem);overflow-wrap:normal}
}
@media(max-width:560px){.criterion-hero h1,.criterion-index-hero h1{font-size:clamp(2.25rem,8.8vw,3.25rem)!important}}
@media(max-width:480px){
  /* Scale display type to the available line before permitting intra-word wraps. */
  .content-hero h1{font-size:clamp(2.25rem,10.2vw,3rem)!important;overflow-wrap:normal!important;hyphens:none}
  .criterion-hero h1,.criterion-index-hero h1{font-size:clamp(2.25rem,10vw,3rem)!important;overflow-wrap:normal!important;hyphens:none}
  .style-hero h1{font-size:clamp(2.25rem,10vw,3rem)!important;overflow-wrap:normal!important;hyphens:none}
  .style-hero h1.style-title-long{font-size:clamp(1.95rem,8.5vw,2.75rem)!important}
  .auth-entry-title{font-size:clamp(2.1rem,10.8vw,3rem)!important;overflow-wrap:normal!important;hyphens:none}
  .style-hub-hero h1{font-size:clamp(2.9rem,11.5vw,3.5rem)!important;max-width:100%!important;overflow-wrap:normal!important;hyphens:none}
  .pair-card .pair-names{grid-template-columns:minmax(0,1fr);gap:5px;margin-bottom:24px}
  .pair-card .pair-names span{font-size:1.15rem}
  .pair-card .pair-names b{font-size:1.05rem;text-align:center}
}