/* Approved founder-and-jury landing concept, connected to the real app. */
.hero.visual-hero { display:grid; grid-template-columns:.8fr 1.35fr; gap:12px; align-items:center; min-height:596px; padding:34px 0 20px; position:relative; }
.visual-copy { position:relative; z-index:2; padding:12px 0; min-width:0; }
.visual-copy>.eyebrow { font-size:10px; letter-spacing:1.6px; font-weight:900; display:flex; align-items:center; gap:8px; color:var(--ink); }
.visual-dot { width:8px; height:8px; background:var(--coral); border-radius:50%; box-shadow:0 0 0 4px #ff705a19; }
.visual-copy h1 { font:950 clamp(43px,4.5vw,65px)/1.02 'Arial Black','Segoe UI',sans-serif; letter-spacing:-3px; margin:24px 0 19px; }
.visual-copy h1 em { font-style:normal; color:var(--purple); position:relative; white-space:nowrap; }
.visual-copy h1 em::after { content:''; position:absolute; left:0; bottom:-4px; width:100%; height:7px; background:#ffb6a5; z-index:-1; transform:rotate(-2deg); border-radius:50%; }
.visual-lead { font-size:17px; line-height:1.65; max-width:360px; margin:0 0 22px; color:#65536a; }
.visual-lead strong { color:var(--ink); font-weight:750; }
.visual-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.visual-actions .primary,.visual-actions .secondary { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:2px solid var(--ink); border-radius:11px; font-size:14px; font-weight:850; padding:12px 20px; min-height:48px; }
.visual-actions .secondary { background:#fffaf1; box-shadow:none; }
.visual-actions .google-continue svg { width:20px; height:20px; padding:3px; }
.visual-under-cta { font-size:12px; color:#7a637e; margin:16px 0 0; }
.visual-under-cta strong { color:#583c73; }
.visual-stage { position:relative; min-width:0; padding-top:70px; isolation:isolate; }
.visual-stage img { display:block; width:115%; height:auto; max-width:none; margin-left:-7%; mix-blend-mode:multiply; filter:drop-shadow(0 12px 10px #39153d0b); }
.visual-bubble { position:absolute; top:7px; right:2%; z-index:2; max-width:290px; padding:16px 22px; background:#ffdc55; border:2.5px solid var(--ink); box-shadow:4px 4px 0 var(--ink); border-radius:20px 20px 20px 4px; transform:rotate(4deg); }
.visual-bubble::after { content:''; position:absolute; bottom:-19px; left:30px; width:25px; height:26px; background:#ffdc55; border-right:2.5px solid var(--ink); border-bottom:2.5px solid var(--ink); transform:skewY(-25deg) rotate(40deg); z-index:-1; }
.visual-bubble small { display:block; font-size:10px; font-weight:900; letter-spacing:.7px; margin-bottom:4px; }
.visual-bubble strong { display:block; font:950 28px/.99 'Arial Black','Segoe UI',sans-serif; letter-spacing:-.6px; }
.visual-founder-label { position:absolute; left:6%; top:82px; font-size:10px; font-weight:850; color:#7d5a71; transform:rotate(-7deg); }
.visual-anonymous-sticker { position:absolute; bottom:16px; right:-1%; background:var(--purple); border:2px solid var(--ink); border-radius:13px; padding:10px 15px; color:white; transform:rotate(-5deg); font-size:12px; font-weight:850; box-shadow:3px 3px 0 var(--ink); }
.visual-anonymous-sticker span { font-size:20px; vertical-align:middle; margin-right:5px; }
.visual-proof-row { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:18px 0 31px; }
.visual-proof { display:flex; align-items:center; gap:13px; border:1px solid #ddcabc; padding:14px 17px; border-radius:13px; background:#fffaf3; min-width:0; }
.visual-proof>span { font-size:27px; display:grid; place-items:center; flex-shrink:0; width:43px; height:43px; background:#efe2fc; border-radius:12px; }
.visual-proof:nth-child(2)>span { background:#ffe1d6; }
.visual-proof:nth-child(3)>span { background:#fff1b6; }
.visual-proof b { font-size:13px; display:block; }
.visual-proof small { font-size:11px; color:#7c687e; display:block; margin-top:3px; }
.visual-privacy-line { display:flex; justify-content:space-between; gap:14px; align-items:center; border-top:1px dashed #d8c7b9; padding:13px 0 25px; font-size:11px; color:#7a637e; }
.visual-privacy-line button { color:var(--purple); padding:0; font-size:12px; }
@media(min-width:1500px) { .hero.visual-hero { min-height:650px; } .visual-copy h1 { font-size:68px; } }
@media(max-width:1050px) {
  .hero.visual-hero { grid-template-columns:1fr 1.2fr; min-height:540px; }
  .visual-copy h1 { font-size:49px; }
  .visual-bubble { right:-1%; max-width:240px; padding:13px 17px; }
  .visual-bubble strong { font-size:23px; }
  .visual-stage img { width:117%; margin-left:-7%; }
  .visual-founder-label { font-size:9px; }
  .visual-anonymous-sticker { font-size:10px; bottom:0; }
  .visual-proof { padding:12px; gap:8px; }
  .visual-proof b { font-size:12px; }
}
@media(max-width:760px) {
  .hero.visual-hero { display:flex; flex-direction:column; gap:0; min-height:0; padding:5px 0 23px; }
  .visual-copy { width:100%; padding:10px 0 4px; order:2; }
  .visual-stage { width:100%; order:1; padding:67px 0 12px; margin:0; overflow:clip; }
  .visual-stage img { width:105%; margin:0 0 0 -2%; max-width:none; }
  .visual-bubble { right:5px; top:15px; border-radius:15px 15px 15px 3px; max-width:202px; padding:12px 15px; box-shadow:3px 3px 0 var(--ink); }
  .visual-bubble strong { font-size:22px; line-height:1.03; }
  .visual-bubble small { font-size:8px; }
  .visual-founder-label { top:44px; left:3px; font-size:8px; max-width:80px; line-height:1.3; }
  .visual-anonymous-sticker { bottom:15px; right:4px; padding:6px 10px; font-size:9px; }
  .visual-anonymous-sticker span { font-size:16px; }
  .visual-copy>.eyebrow { font-size:9px; }
  .visual-copy h1 { font-size:48px; letter-spacing:-2px; line-height:1.04; margin:15px 0; }
  .visual-lead { font-size:15px; max-width:none; margin-bottom:18px; }
  .visual-actions { gap:10px; }
  .visual-actions .primary,.visual-actions .secondary { flex:1; padding:11px 9px; font-size:12px; white-space:nowrap; }
  .visual-under-cta { font-size:11px; margin-top:14px; }
  .visual-proof-row { grid-template-columns:1fr; gap:9px; padding:10px 0 19px; }
  .visual-proof { padding:12px 15px; gap:12px; }
  .visual-proof>span { width:38px; height:38px; font-size:24px; }
  .visual-proof b { font-size:13px; }
  .visual-proof small { font-size:11px; }
  .visual-privacy-line { font-size:10px; align-items:start; padding-bottom:22px; }
  .visual-privacy-line>span { max-width:220px; }
  .visual-privacy-line button { font-size:11px; white-space:nowrap; }
}
@media(max-width:370px) {
  .visual-copy h1 { font-size:41px; }
  .visual-bubble { max-width:184px; right:1px; }
  .visual-bubble strong { font-size:20px; }
  .visual-founder-label { font-size:7px; }
  .visual-actions .primary,.visual-actions .secondary { font-size:11px; padding:11px 7px; }
  .visual-lead { font-size:14px; }
}