/* V4 — sestavení (téma D): úvod + členská karta ← V3.1 (natáčení karty v celém okně řeší sdílený app.js),
   Jak to funguje ← V3.1 (oblouky .pilire v zaklad.css), Investorský klub ← V3.1 (.duo),
   Zásady ← V3.3 (a3-divider místo střídání podkladu + a3-frieze v alt.css), Ukázka z klubu ← V3.1 (telefon .wap),
   Registrace ← V3.3 (karta + formulář jako V3.1, právní upozornění jako a3-info--quiet), Časté dotazy ← V3.3 (a3-faq).
   Texty: „kanál“ → „klub“. */

/* =====================================================================
   OL Estate V2 — stránka Pro investory
   Hlavní vizuál = animovaná členská karta z návrhu 09 (.card-stage/.mcard
   v zaklad.css). Jen tokeny; tmavé bloky mají .t-dark.
   ===================================================================== */

/* ---------- úvod: tmavý Nordeco hero s kartou ---------- */
.ihero{position:relative;isolation:isolate;overflow:hidden;min-height:min(100svh,920px);display:flex;flex-direction:column;justify-content:center;
  background:
    radial-gradient(42% 58% at 74% 54%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 70%),
    radial-gradient(60% 70% at 50% 112%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 70%),
    linear-gradient(180deg,var(--deep),var(--bg))}
.ihero::before{content:"";position:absolute;inset:calc(var(--hh) + 16px) 18px 22px;border:var(--lw) solid var(--line-2);pointer-events:none;z-index:-1}
.ihero > .dl{position:absolute;left:0;right:0;bottom:0}
.ihero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"top card" "act card";column-gap:clamp(30px,5vw,80px);align-items:center;padding:calc(var(--hh) + 56px) 0 70px}
.ihero-top{grid-area:top;align-self:end}
.ihero-act{grid-area:act;align-self:start}
.ihero-card{grid-area:card}
.ihero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.02;margin:16px 0 20px;color:var(--ink);max-width:12ch}
.ihero .lead{color:var(--muted);max-width:46ch}
.ihero-notes{list-style:none;margin:26px 0 30px;padding:18px 0 0;border-top:var(--lw) solid var(--line-2);display:flex;flex-wrap:wrap;gap:10px 28px;font-size:15px;color:var(--ink)}
.ihero-notes li{display:flex;align-items:center;gap:12px}
.ihero-notes li::before{content:"";width:7px;height:7px;background:var(--g1);transform:rotate(45deg);flex:none;margin-top:-2px}
.ihero .fine{margin-top:26px;max-width:62ch}

/* nástup (jako .phero-in) */
.ihero-top > *,.ihero-act{opacity:0;transform:translateY(16px);animation:pin 1.2s var(--ease) forwards}
.ihero-top > :nth-child(2){animation-delay:.1s}.ihero-top > :nth-child(3){animation-delay:.2s}.ihero-top > :nth-child(4){animation-delay:.3s}
.ihero-act{animation-delay:.45s}
.ihero-card{animation:ih-card 1.6s var(--ease) .2s both}
@keyframes ih-card{from{opacity:0;transform:translateY(34px) scale(.95)}}

/* karta: větší scéna, paprsky ve zlaté aktuálního scope, pomalé otáčení */
.ihero .card-stage{min-height:600px}
.ihero .card-stage .fan{width:900px;height:900px}
.card-stage .fan svg g{stroke:var(--g2)}
.ihero .card-stage .fan svg{animation:ih-spin 240s linear infinite}
@keyframes ih-spin{to{transform:rotate(360deg)}}
.ihero .mcard{width:min(500px,100%)}
.mc-holder{min-width:0}
.mc-bot .mc-holder b{display:block;max-width:15ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcard [data-holder].is-set{animation:holder-in .5s var(--ease)}
@keyframes holder-in{from{opacity:.2;transform:translateY(4px)}}

/* ---------- investorský klub: co v klubu × jak klub funguje (V3.1) ---------- */
.duo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);border:var(--lw) solid var(--line);background:linear-gradient(180deg,var(--card),transparent 70%)}
.duo::before{content:"";position:absolute;inset:8px;border:var(--lw) solid var(--line-2);pointer-events:none}
.duo-col{position:relative;padding:54px 50px 50px}
.duo-ic{position:relative;width:62px;height:62px;display:grid;place-items:center;color:var(--g2);margin-bottom:24px}
.duo-ic::before{content:"";position:absolute;inset:6px;border:var(--lw) solid var(--line);transform:rotate(45deg)}
.duo-ic .ico{position:relative;width:28px;height:28px;stroke-width:1.4}
.duo h3{font-size:30px}
.duo .checks{margin-top:22px;gap:14px}
.duo .checks li{font-size:16px;color:var(--muted)}
.duo-mid{display:flex;flex-direction:column;align-items:center;padding:40px 0}
.duo-mid i{flex:1;width:calc(var(--lw) * 2 + var(--dl-gap));border-left:var(--lw) solid var(--line);border-right:var(--lw) solid var(--line-2)}
.duo-mid span{position:relative;width:26px;height:26px;margin:14px 0;border:var(--lw) solid var(--g1);transform:rotate(45deg)}
.duo-mid span::after{content:"";position:absolute;inset:6px;background:var(--g1)}

/* ---------- V3.3: Zásady na stejném podkladu, oddělené ornamentem (a3-divider + a3-frieze) ---------- */
.inv-zas{padding-top:0}
.inv-dv{margin-bottom:84px}

/* ---------- ukázka zpráv: telefon s náhledem skupiny ve WhatsAppu (tmavý režim) ---------- */
.zpravy{background:radial-gradient(40% 60% at 76% 50%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%),var(--deep);overflow:hidden}
.zpravy .split h2{max-width:14ch}
.zpravy-ctas{margin-top:34px}
.phone-fig{position:relative;margin:0;justify-self:center;display:grid;justify-items:center;gap:22px}
.phone{position:relative;width:310px;height:640px;border-radius:46px;padding:10px;background:linear-gradient(145deg,var(--bg-3),var(--deep) 42%,var(--bg-2));box-shadow:0 0 0 var(--lw) var(--line) inset,0 50px 90px -30px color-mix(in srgb,var(--deep) 90%,transparent),0 0 0 1px color-mix(in srgb,var(--deep) 80%,transparent);transform:rotate(-3deg)}
.phone::before{content:"";position:absolute;right:-3px;top:150px;width:3px;height:74px;border-radius:0 3px 3px 0;background:var(--bg-3)}
.phone::after{content:"";position:absolute;left:-3px;top:130px;width:3px;height:44px;border-radius:3px 0 0 3px;background:var(--bg-3);box-shadow:0 60px 0 var(--bg-3)}
.screen{position:relative;height:100%;border-radius:37px;overflow:hidden;display:flex;flex-direction:column}

/* barvy rozhraní WhatsAppu v tmavém režimu – záměrně mimo tokeny webu (věrná ukázka cizí aplikace, bez loga) */
.wap{--wa-bg:#0B141A;--wa-bar:#1F2C34;--wa-in:#202C33;--wa-ink:#E9EDEF;--wa-sub:#8696A0;--wa-ico:#AEBAC1;--wa-tick:#53BDEB;--wa-green:#00A884;--wa-chip:#182229;
  background:var(--wa-bg);color:var(--wa-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:0}
.wap svg{display:block;fill:currentColor;flex:none}
.wa-status{position:relative;display:flex;align-items:center;justify-content:space-between;height:32px;padding:4px 22px 0 26px;background:var(--wa-bar);font-size:12.5px;font-weight:600}
.wa-cam{position:absolute;left:50%;top:9px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:#000;box-shadow:0 0 0 2px rgba(255,255,255,.05)}
.wa-sys{display:flex;align-items:center;gap:5px}
.wa-sys svg{width:14px;height:11px}
.wa-sys .wa-bat{width:21px}
.wa-head{display:flex;align-items:center;gap:8px;padding:6px 6px 9px 8px;background:var(--wa-bar)}
.wa-i{width:22px;height:22px;color:var(--wa-ico)}
.wa-av{width:36px;height:36px;border-radius:50%;background:var(--gg);display:grid;place-items:center;flex:none}
.wa-av svg{width:19px;height:10px;fill:var(--on-gold)}
.wa-name{flex:1;min-width:0;font-size:15.5px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px 13px 6px 10px;overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150' fill='none' stroke='%23fff' stroke-opacity='.058' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 36 26 24l14 12v15H12Z'/%3E%3Cpath d='M22 51v-8h8v8'/%3E%3Ccircle cx='104' cy='22' r='6'/%3E%3Cpath d='M110 22h14M120 22v5M116 22v4'/%3E%3Cpath d='M66 74l3 6 6.5 1-4.7 4.6 1.1 6.4-5.9-3.1-5.9 3.1 1.1-6.4L56.5 81l6.5-1Z'/%3E%3Cpath d='M92 108h24a5 5 0 0 1 5 5v11a5 5 0 0 1-5 5h-14l-7 6v-6h-3a5 5 0 0 1-5-5v-11a5 5 0 0 1 5-5Z'/%3E%3Cpath d='M20 98c7-9 19-9 24 0-5 9-17 9-24 0Z'/%3E%3Cpath d='M20 98h24'/%3E%3Cpath d='M124 66c0-4 6-6 8-1 2-5 8-3 8 1 0 5-8 9-8 9s-8-4-8-9Z'/%3E%3Cpath d='M60 12h10M65 7v10'/%3E%3Ccircle cx='138' cy='132' r='2.5'/%3E%3Ccircle cx='52' cy='136' r='2'/%3E%3Ccircle cx='92' cy='50' r='2'/%3E%3Cpath d='M24 128h18v12H24Z'/%3E%3Cpath d='M24 134h18'/%3E%3C/svg%3E") 0 0/150px 150px,var(--wa-bg)}
.wa-day{flex:none;align-self:center;margin-bottom:6px;padding:5px 11px 4px;border-radius:8px;background:var(--wa-chip);color:var(--wa-sub);font-size:11.5px;font-weight:500;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wa-msg{position:relative;flex:none;align-self:flex-start;max-width:86%;padding:6px 8px 7px 9px;border-radius:8px;background:var(--wa-in);font-size:13.3px;line-height:1.36;box-shadow:0 1px .5px rgba(11,20,26,.25);opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.wa-msg p::after{content:"";display:inline-block;width:40px}
.wa-from{display:block;font-size:12.5px;font-weight:600;color:#E8CF8F;margin:0 0 2px}
.wa-msg--img .wa-from{padding:4px 6px 4px}
.wa-tail{border-top-left-radius:0}
.wa-tail::after{content:"";position:absolute;top:0;left:-8px;width:8px;height:13px;background:var(--wa-in);clip-path:polygon(0 0,100% 0,100% 100%)}
.wa-msg--img{width:86%;padding:3px 3px 7px}
.wa-msg--img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.wa-msg--img p{padding:6px 6px 0}
.wa-meta{position:absolute;right:8px;bottom:5px;font-size:10.5px;line-height:1;color:rgba(233,237,239,.55)}
.wa-sub{display:block;font-size:11.5px;font-weight:400;color:var(--wa-sub);margin-top:1px}
.phone.is-in .wa-msg{opacity:1;transform:none}
.phone.is-in .wa-msg + .wa-msg{transition-delay:.8s}
.wa-foot{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px 10px;background:var(--wa-bar);color:var(--wa-sub);font-size:12.5px;text-align:center}
.wa-foot svg{width:15px;height:15px}
.wa-home{display:block;width:104px;height:4px;margin:2px auto 7px;border-radius:2px;background:rgba(233,237,239,.55)}
.phone-fig::before{content:"";position:absolute;inset:8% -24% 14%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 26%,transparent),transparent);filter:blur(12px);z-index:-1}
.phone-cap{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}
.phone-cap::before,.phone-cap::after{content:"";width:26px;height:var(--lw);background:var(--line)}

/* ---------- registrace: náhled karty + formulář ---------- */
.reg-info{display:flex;flex-direction:column}
.reg-stage{min-height:0;padding:14px 0 36px;margin-bottom:26px;border-bottom:var(--lw) solid var(--line-2)}
.reg-stage .mcard{width:min(360px,100%);box-shadow:0 1px 0 rgba(255,244,214,.6) inset,0 -1px 0 rgba(80,55,15,.4) inset,0 34px 50px -28px color-mix(in srgb,var(--deep) 60%,transparent),0 0 50px -14px color-mix(in srgb,var(--gold) 45%,transparent)}
.reg-stage .mc-in{padding:22px 24px}
.reg-stage .mcard .ole-logo{font-size:22px}
.reg-stage .mc-kind{font-size:9px}
.reg-stage .mc-mid span{font-size:18px}
.reg-stage .emblem{width:50px;height:32px}
.reg-stage .mc-bot b{font-size:16px}
.reg-stage .mc-bot .wa .ico{width:22px;height:22px}
.reg-info h3{font-size:26px;margin-bottom:6px}
.reg-steps{list-style:none;margin:0;padding:0;counter-reset:rs}
.reg-steps li{counter-increment:rs;display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 12px;padding:16px 0 14px;border-top:var(--lw) solid var(--line-2)}
.reg-steps li:first-child{border-top:0}
.reg-steps li::before{content:counter(rs,upper-roman);grid-row:span 2;font-family:var(--display);font-size:22px;line-height:1.1;background:var(--gtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.reg-steps b{font-weight:600;font-size:15.5px;letter-spacing:.04em}
.reg-steps span{font-size:14.5px;line-height:1.55;color:var(--muted)}
.reg-hint{display:flex;align-items:flex-start;gap:10px;margin:-6px 0 22px;font-size:13px;color:var(--faint)}
.reg-hint::before{content:"";width:6px;height:6px;border:var(--lw) solid var(--g1);transform:rotate(45deg);flex:none;margin-top:6px}
.check a{color:var(--g2)}
/* V3.3: právní upozornění (a3-info--quiet): tlumený rámec, ale čitelný text */
.inv-disc{max-width:900px;margin:64px auto 0;padding:10px 4px 10px 24px;font-size:14px;line-height:1.65;color:var(--muted)}
.inv-disc > .ico{width:20px;height:20px;margin-top:1px}

/* ---------- responzivita ---------- */
@media (max-width:1140px){
  .ihero .card-stage{min-height:520px}
  .ihero .card-stage .fan{width:760px;height:760px}
  .duo-col{padding:46px 34px 42px}
}
@media (max-width:960px){
  .ihero{min-height:0}
  .ihero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "card" "act";padding:calc(var(--hh) + 40px) 0 60px}
  .ihero .card-stage{min-height:440px;margin:10px 0 0}
  .duo{grid-template-columns:minmax(0,1fr)}
  .duo-mid{flex-direction:row;padding:0 40px}
  .duo-mid i{height:calc(var(--lw) * 2 + var(--dl-gap));width:auto;border:0;border-top:var(--lw) solid var(--line);border-bottom:var(--lw) solid var(--line-2)}
  .duo-mid span{margin:0 14px}
  .zpravy .split h2{max-width:none}
  /* registrace na mobilu: náhled karty → formulář → co bude následovat */
  .reg-info{display:contents}
  .reg-stage{order:0;margin:0;padding:34px 22px 30px;border-bottom:var(--lw) solid var(--line);background:linear-gradient(180deg,var(--card),transparent)}
  .reg .form{order:1}
  .reg-info h3{order:2;padding:32px 44px 4px;border-top:var(--lw) solid var(--line)}
  .reg-steps{order:3;padding:0 44px 30px}
}
@media (max-width:760px){
  .ihero-grid{padding:calc(var(--hh) + 54px) 0 48px}
  .ihero::before{inset:calc(var(--hh) + 18px) 8px 12px}
  .ihero h1{font-size:clamp(38px,11vw,50px);margin:12px 0 14px}
  .ihero .lead{font-size:16.5px}
  .ihero .card-stage{min-height:300px;margin:4px -6px 0}
  .ihero .card-stage .fan{width:560px;height:560px}
  .ihero .mcard{width:min(340px,100%)}
  .ihero-notes{flex-direction:column;margin:22px 0 24px;font-size:14.5px}
  .ihero .fine{margin-top:20px}
  .duo-col{padding:36px 22px 34px}
  .duo h3{font-size:26px}
  .duo-mid{padding:0 22px}
  .inv-dv{margin-bottom:56px}
  .inv-disc{margin-top:48px;padding:8px 0 8px 18px;font-size:13.5px}
  .phone{width:282px;height:590px;border-radius:44px;transform:rotate(-2deg)}
  .screen{border-radius:34px}
  .wa-msg{font-size:12.8px}
  .wa-name{font-size:15px}
  .reg-stage{padding:28px 18px 26px}
  .reg-stage .mcard{width:min(320px,100%)}
  .reg-info h3{padding:30px 22px 4px}
  .reg-steps{padding:0 22px 26px}
}
@media (prefers-reduced-motion:reduce){
  .ihero-top > *,.ihero-act,.ihero-card{opacity:1;transform:none}
  .wa-msg{opacity:1;transform:none}
}