/* ============================================================
   STORY ARC — sdílená storytelling sekce pro kalkulačky
   (Phillips „angel's cocktail" + Belfort straight line)
   Prefix sa-. Téma: navy + zlatý akcent, Caudex/Big Shoulders.
   CTA používají globální data-pf-open="consult" (LeadGen v BaseLayout).
   ============================================================ */
.sa-story{position:relative;overflow:hidden;background:linear-gradient(180deg,#021830 0%,#032246 48%,#021526 100%);color:#f5ecea;padding:clamp(64px,9vw,120px) 0;isolation:isolate}
.sa-aurora{position:absolute;inset:-20% -10% auto;height:80%;z-index:-1;background:
  radial-gradient(40% 50% at 18% 12%,rgba(200,162,76,.16),transparent 70%),
  radial-gradient(45% 55% at 85% 8%,rgba(228,198,190,.12),transparent 70%),
  radial-gradient(50% 60% at 60% 40%,rgba(10,52,100,.5),transparent 75%);
  filter:blur(8px);animation:saAurora 16s ease-in-out infinite alternate}
@keyframes saAurora{0%{transform:translate3d(-2%,0,0) scale(1)}100%{transform:translate3d(3%,2%,0) scale(1.08)}}
.sa-wrap{max-width:980px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.sa-eyebrow{font-family:"Big Shoulders Text",sans-serif;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#e6c879;margin:0 0 16px}
.sa-hook{font-family:Caudex,serif;font-weight:400;font-size:clamp(28px,4.4vw,50px);line-height:1.16;letter-spacing:-.01em;margin:0 0 22px}
.sa-hook em{font-style:italic;color:#e4c6be}
.sa-grad{background:linear-gradient(100deg,#e6c879,#c8a24c 40%,#e4c6be);-webkit-background-clip:text;background-clip:text;color:transparent}
.sa-lead{font-size:clamp(16px,2vw,19px);line-height:1.6;color:rgba(245,236,234,.8);max-width:680px;margin:0}
.sa-h3{font-family:Caudex,serif;font-weight:400;font-size:clamp(23px,3.2vw,36px);line-height:1.2;margin:0 0 8px}
.sa-h3 em{font-style:italic}
.sa-center{text-align:center}
.sa-gold-t{color:#e6c879}
.sa-muted{font-size:14.5px;color:rgba(245,236,234,.62);margin:6px 0 0}
/* dvě cesty / graf */
.sa-paths{margin-top:clamp(40px,6vw,72px);background:rgba(255,255,255,.04);border:1px solid rgba(200,162,76,.22);border-radius:4px;padding:clamp(22px,3vw,34px)}
.sa-paths-head{margin-bottom:20px}
.sa-chart{position:relative}
.sa-chart-svg{width:100%;height:clamp(180px,26vw,260px);display:block}
.sa-line{stroke-dasharray:900;stroke-dashoffset:900}
.is-in .sa-line--gold{animation:saDraw 1.5s cubic-bezier(.22,.61,.36,1) .15s forwards}
.is-in .sa-line--gray{animation:saDraw 1.5s cubic-bezier(.22,.61,.36,1) .35s forwards}
@keyframes saDraw{to{stroke-dashoffset:0}}
.sa-dot{opacity:0}.is-in .sa-dot{animation:saPop .4s ease 1.5s forwards}
@keyframes saPop{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
.sa-chart-legend{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:14px}
.sa-leg{display:flex;align-items:center;gap:9px;font-size:14px;color:rgba(245,236,234,.85)}
.sa-leg b{color:#fff}
.sa-leg-d{width:13px;height:13px;border-radius:2px;flex-shrink:0}
.sa-leg-d--gold{background:#e6c879}.sa-leg-d--gray{background:#9aa6b6}
.sa-paths-punch{font-family:Caudex,serif;font-size:clamp(17px,2.2vw,22px);line-height:1.45;margin:22px 0 0;border-top:1px solid rgba(245,236,234,.12);padding-top:20px}
.sa-countwrap{color:#e6c879;font-weight:400}
.sa-fineprint{font-size:11.5px;color:rgba(245,236,234,.4);margin:10px 0 0;font-style:italic}
/* vize */
.sa-act3{margin-top:clamp(56px,8vw,100px)}
.sa-act3 .sa-eyebrow{text-align:center}
.sa-vision{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
@media(max-width:860px){.sa-vision{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.sa-vision{grid-template-columns:1fr}}
.sa-vcard{background:rgba(255,255,255,.04);border:1px solid rgba(228,198,190,.16);border-radius:4px;padding:24px 20px;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.sa-vcard:hover{transform:translateY(-5px);border-color:rgba(200,162,76,.5);background:rgba(255,255,255,.07)}
.sa-vico{font-size:30px;display:block;margin-bottom:12px}
.sa-vcard h4{font-family:Caudex,serif;font-weight:400;font-size:19px;margin:0 0 7px;color:#f5ecea}
.sa-vcard p{font-size:13.5px;line-height:1.5;color:rgba(245,236,234,.66);margin:0}
/* most / kroky */
.sa-bridge{margin-top:clamp(56px,8vw,100px)}
.sa-bridge-head{margin-bottom:30px}
.sa-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sa-step{display:flex;gap:18px;align-items:flex-start;background:rgba(255,255,255,.035);border:1px solid rgba(245,236,234,.1);border-left:3px solid rgba(200,162,76,.4);border-radius:4px;padding:20px 22px}
.sa-step.is-done{border-left-color:#3fae6e;background:rgba(63,174,110,.07)}
.sa-step-n{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Big Shoulders Text",sans-serif;font-weight:800;font-size:18px;background:linear-gradient(135deg,#e6c879,#c8a24c);color:#2a1f06}
.sa-step.is-done .sa-step-n{background:linear-gradient(135deg,#5fd38e,#3fae6e);color:#06281a}
.sa-step h4{font-family:Caudex,serif;font-weight:400;font-size:19px;margin:2px 0 5px;color:#f5ecea}
.sa-step p{font-size:14px;line-height:1.55;color:rgba(245,236,234,.7);margin:0}
.sa-tick{font-family:"Big Shoulders Text",sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5fd38e;margin-left:8px;font-weight:600}
.sa-step strong{color:#e4c6be;font-weight:600}
/* důkaz */
.sa-proof{margin-top:clamp(48px,7vw,80px);display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:center}
@media(max-width:680px){.sa-proof{grid-template-columns:repeat(2,1fr);gap:24px 14px}}
.sa-stat b{display:block;font-family:Caudex,serif;font-weight:400;font-size:clamp(28px,4vw,40px);color:#e6c879;line-height:1}
.sa-stat b i{font-style:normal;font-size:.5em;color:rgba(245,236,234,.5)}
.sa-stat span{display:block;font-size:12.5px;color:rgba(245,236,234,.62);margin-top:8px;line-height:1.4}
/* close */
.sa-close{margin-top:clamp(56px,8vw,100px)}
.sa-close-card{text-align:center;background:radial-gradient(120% 140% at 50% 0%,rgba(200,162,76,.14),transparent 60%);border:1px solid rgba(200,162,76,.3);border-radius:6px;padding:clamp(36px,5vw,60px) clamp(22px,4vw,48px)}
.sa-close-h{font-family:Caudex,serif;font-weight:400;font-size:clamp(26px,4vw,44px);line-height:1.18;margin:0 0 16px}
.sa-close-sub{font-size:clamp(15px,1.9vw,18px);line-height:1.6;color:rgba(245,236,234,.78);max-width:600px;margin:0 auto 30px}
.sa-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 34px;border:0;border-radius:3px;cursor:pointer;font-family:"Big Shoulders Text",sans-serif;font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2a1f06;background:linear-gradient(135deg,#e6c879 0%,#c8a24c 50%,#a9762f 100%);box-shadow:0 14px 34px -10px rgba(200,162,76,.7),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .2s ease,box-shadow .3s ease;will-change:transform;animation:saGlow 2.8s ease-in-out infinite;text-decoration:none}
.sa-cta svg{transition:transform .25s ease}
.sa-cta:hover{transform:translateY(-3px)}
.sa-cta:hover svg{transform:translateX(5px)}
@keyframes saGlow{0%,100%{box-shadow:0 14px 34px -12px rgba(200,162,76,.55),inset 0 1px 0 rgba(255,255,255,.4)}50%{box-shadow:0 16px 42px -8px rgba(200,162,76,.85),inset 0 1px 0 rgba(255,255,255,.4)}}
.sa-close-micro{font-size:12.5px;color:rgba(245,236,234,.55);margin:18px 0 0}
/* reveal */
.sa-rise{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1) var(--d,0s),transform .7s cubic-bezier(.22,.61,.36,1) var(--d,0s)}
.sa-rise.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .sa-aurora{animation:none}.sa-cta{animation:none}
  .sa-rise{opacity:1;transform:none;transition:none}
  .sa-line{stroke-dashoffset:0!important}.sa-dot{opacity:1!important}
}