/* fx/forged-w1.css — lane w1, /forged-sites/: hero, jump bar, #how-it-works, #marketing. Prefix .w1- */

/* 1. Hero lead, split at sentence boundaries: one line to read, then the detail */
.fs-page .fs-hero .fs-lead{margin-bottom:.7rem}
.fs-page .fs-hero .fs-lead:not(.w1-lead-more){font-size:1.12rem;color:#fff;max-width:36rem}
.fs-page .fs-hero .w1-lead-more{font-size:.96rem;color:#dcd8ea}
.fs-page .fs-hero .w1-lead-more strong{color:#ffcd8e;font-weight:600}
.fs-page .fs-hero .w1-lead-more+.fs-actions{margin-top:22px}
.fs-page .w1-arrow{display:inline-block}
/* Secret hint: hammer cursor over the open forge */
.fs-page .fs-hero.w1-anvil{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg transform='rotate(-38 14 14)' stroke='%23fff' stroke-width='1.2'%3E%3Crect x='12.4' y='9' width='3.2' height='17' rx='1.6' fill='%23a8683a'/%3E%3Crect x='5' y='3' width='18' height='7' rx='1.6' fill='%23353b46'/%3E%3C/g%3E%3C/svg%3E") 5 5,auto}
.fs-page .fs-hero.w1-anvil :is(.fs-hero-copy>*,.fs-first-draft,.fs-hero-pause){cursor:auto}
.fs-page .fs-hero h1 em{isolation:isolate}
.fs-page .fs-hero h1 em::before{content:"";position:absolute;inset:-.15em -.3em;z-index:-1;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,#f9dd9a66,#e6492533 60%,transparent)}
.fs-page .fs-hero h1 em.w1-lit::before{animation:w1-flare 1.6s ease-out both}

/* 2. Section leads: a readable measure, the opening line set as a kicker */
.fs-page :is(#how-it-works,#marketing) .fs-section-head>p:not(.fs-eyebrow){max-width:46rem;font-size:1.06rem}
.fs-page :is(#how-it-works,#marketing) .fs-section-head>p.w1-kicker{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.22rem,1.8vw,1.45rem);line-height:1.4;color:var(--fs-navy);margin-bottom:.55rem}
.fs-page :is(#how-it-works,#marketing) .fs-section-head strong,.fs-page #marketing .fs-step strong{font-weight:600;color:var(--fs-navy)}
.fs-page #marketing .fs-step p+p{margin-top:-.35rem}

/* 3. Pull link at the end of a section: <a class="w1-next" href="#id" data-fs-pull data-copy-exclude> */
.fs-page a.w1-next{display:inline-flex;align-items:center;gap:.5em;min-height:44px;margin-top:6px;padding:8px 18px;border:1px solid #c4bfd4;border-radius:999px;
  background:#fff;color:var(--fs-navy);font-size:.88rem;font-weight:600;text-decoration:none;line-height:1.2}
.fs-page a.w1-next span{display:inline-block;color:var(--fs-orange);font-size:1.05em}
.fs-page a.w1-next:hover{border-color:var(--fs-orange);text-decoration:none}

/* 4. The jump bar */
.fs-page .fs-jumpbar a{isolation:isolate}
.fs-page .fs-jumpbar a::before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;
  background:radial-gradient(90% 150% at 50% 100%,#f9dd9ad9,#f9735266 55%,transparent 78%)}
/* visited = warm, current = glowing, all ten = gold */
.fs-page .fs-jumpbar a.w1-worked:not(.is-here):not(:hover){border-color:#dc9a74;background:linear-gradient(180deg,#fff,#fff4ea)}
.fs-page .fs-jumpbar a.is-here{box-shadow:inset 0 0 0 1px var(--fs-orange),0 0 0 3px #e6492524,0 6px 16px -6px #e64925a6}
.fs-page .fs-jumpbar.w1-forged a:not(.is-here):not(:hover){border-color:#cf9a2e;background:linear-gradient(180deg,#fffdf5,#fff2cf)}
.w1-rail{display:none}
.w1-spacer{display:block}
/* docked: one row under the header, scrolls sideways when narrow */
.fs-page .fs-jumpbar.w1-docked{position:fixed;top:var(--w1-top,80px);left:0;right:0;z-index:45;width:auto;margin:0;flex-wrap:nowrap;gap:6px;
  padding:8px max(20px,calc((100% - 1240px) / 2)) 11px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;
  scroll-padding-inline:28px;background:#fffffff0;border-bottom:1px solid var(--fs-line);box-shadow:0 12px 24px -16px #14114259;
  -webkit-backdrop-filter:saturate(1.3) blur(10px);backdrop-filter:saturate(1.3) blur(10px);transition:transform .28s var(--fx-ease-out),visibility 0s}
.fs-page .fs-jumpbar.w1-docked::-webkit-scrollbar{display:none}
.fs-page .fs-jumpbar.w1-docked a{flex:none;min-height:36px;padding:6px 13px;font-size:.8rem;white-space:nowrap}
.fs-page .fs-jumpbar.w1-docked a::after{bottom:6px}
.fs-page .fs-jumpbar.w1-docked .w1-rail{display:block;position:absolute;bottom:3px;height:2px;border-radius:2px;background:#dcdae3;pointer-events:none}
.w1-rail i{position:absolute;inset:0;border-radius:inherit;transform-origin:left center;transform:scaleX(0);transition:transform .6s var(--fx-ease-out);
  background:linear-gradient(90deg,#8a93a1,#c93812 50%,#f97352 78%,#f9dd9a)}
.w1-forged .w1-rail i{background:linear-gradient(90deg,#e64925,#f9dd9a 30%,#f9dd9a)}
.fs-page .fs-jumpbar.w1-docked.w1-yield{transform:translateY(-115%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
.fs-page section[tabindex="-1"]:focus{outline:none}

/* 5. Sparks, glow, badge (body layer, outside .fs-page) */
.w1-fx{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
.w1-fx i{position:absolute;left:0;top:0;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;
  background:radial-gradient(circle,#fffbe8 0 32%,#f9dd9a 48%,#f97352 78%,transparent 80%);box-shadow:0 0 6px 1px #f9735299;
  animation:w1-spark var(--d) cubic-bezier(.2,.7,.4,1) both}
@keyframes w1-spark{
  0%{opacity:1;transform:translate(var(--x),var(--y)) scale(1)}
  60%{opacity:1;transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy))) scale(.8)}
  100%{opacity:0;transform:translate(calc(var(--x) + var(--dx) * 1.2),calc(var(--y) + var(--dy) + 26px)) scale(.3)}}
.w1-glow{position:absolute;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:radial-gradient(closest-side,#f9dd9a99,#e6492544 60%,transparent);
  animation:w1-fade .9s ease-out both}
.w1-badge{position:fixed;left:50%;top:calc(var(--w1-top,80px) + 66px);z-index:46;transform:translateX(-50%);padding:6px 14px 6px 12px;border-radius:999px;
  background:#141142;color:#f9dd9a;border:1px solid #cf9a2e;font:600 .78rem/1.2 Poppins,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 8px 22px -8px #e6492599;pointer-events:none;animation:w1-drop .5s var(--fx-ease-out) both}
.w1-badge::before{content:"\2692\FE0E";margin-right:.45em;color:#f97352}
.w1-badge.w1-out{opacity:0;transition:opacity .6s ease}
@keyframes w1-fade{from{opacity:1}to{opacity:0}}
@keyframes w1-drop{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes w1-flare{0%{opacity:0}25%{opacity:1}100%{opacity:0}}

/* 6. Motion (all of it opt-in) */
@media (prefers-reduced-motion: no-preference){
  .fs-page .fs-jumpbar.w1-dock-in{animation:w1-dockin .38s var(--fx-ease-out) both}
  .fs-page .fs-jumpbar.w1-sweep a::before{animation:w1-flare .8s calc(var(--w1-i,0) * 85ms) ease-out both}
  .fs-page .fs-jumpbar a.w1-beckon::before{animation:w1-beckon 2.4s ease-in-out 3 both}
  .fs-page .fs-jumpbar a.w1-strike{animation:w1-strike .4s var(--fx-ease-out)}
  .fs-page .fs-jumpbar a.w1-strike::before{animation:w1-flare .7s ease-out both}
  .fs-page .w1-arrow.w1-nudge,.fs-page a.w1-next.w1-nudge span{animation:w1-bob 1s ease-in-out 3}
  .fs-page a.w1-next:hover span{transform:translateY(3px);transition:transform .2s ease}
  /* step cards: white-gold, cooling to the orange edge */
  .fs-page .w1-cast .fs-step{position:relative;isolation:isolate}
  .fs-page .w1-cast .fs-step::before,.fs-page .w1-cast .fs-step::after{content:"";position:absolute;inset:-3px -1px -1px;border-radius:inherit;z-index:-1;pointer-events:none}
  .fs-page .w1-cast .fs-step::before{background:linear-gradient(180deg,#fff6d2 0,#ffdcae 5px,#fff2df 34%,#fffaf4 100%)}
  .fs-page .w1-cast .fs-step::after{background:radial-gradient(130% 60% at 50% 0,#f9735236,transparent 72%)}
  .fs-page .w1-cast .fs-step:nth-child(2){--w1-d:.16s}
  .fs-page .w1-cast .fs-step:nth-child(3){--w1-d:.32s}
  .fs-page .w1-cast .fs-step.w1-in::before{animation:w1-fade 1.3s calc(var(--w1-d,0s) + .2s) ease-out both}
  .fs-page .w1-cast .fs-step.w1-in::after{animation:w1-fade 2.6s calc(var(--w1-d,0s) + .3s) ease-out both}
}
@keyframes w1-dockin{from{transform:translateY(-100%)}to{transform:none}}
@keyframes w1-beckon{0%,100%{opacity:0}50%{opacity:.85}}
@keyframes w1-strike{0%{transform:none}30%{transform:scale(.92)}65%{transform:scale(1.05)}100%{transform:none}}
@keyframes w1-bob{0%,100%{transform:none}50%{transform:translateY(4px)}}
@media (prefers-reduced-motion: reduce){
  .w1-fx i{display:none}
  .w1-glow{animation-duration:1.4s}
  .w1-badge{animation:none}
  .w1-badge.w1-out{transition:none}
  .w1-rail i{transition:none}
}
@media (max-width:700px){
  .fs-page .fs-hero .fs-lead:not(.w1-lead-more){font-size:1.04rem}
  .fs-page .fs-hero .w1-lead-more{font-size:.93rem}
  .fs-page .fs-jumpbar.w1-docked{gap:5px;padding-top:7px;padding-bottom:10px}
  .fs-page .fs-jumpbar.w1-docked a{min-height:34px;padding:5px 12px;font-size:.78rem}
  .fs-page :is(#how-it-works,#marketing) .fs-section-head>p:not(.fs-eyebrow){font-size:.98rem}
  .fs-page :is(#how-it-works,#marketing) .fs-section-head>p.w1-kicker{font-size:1.2rem;line-height:1.38}
  .w1-badge{top:calc(var(--w1-top,72px) + 58px)}
}
@media print{.w1-spacer,.w1-fx,.w1-badge,.fs-page a.w1-next{display:none!important}}

/* merge (Luna 09-29): pull links at the end of every section */
.fs-page .w1-next-wrap{margin-top:30px}
@media print{.fs-page .w1-next-wrap{display:none!important}}