/* fx/forged-w2.css — lane w2, 2026-09-29: #pricing, #change-orders, #portal. Layers on forged-offer.css + fx/forged.css. Prefix .fw2- */
.fw2-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Pricing head: lede, "every plan includes" plate, add-on line ─────── */
#pricing .fw2-head{margin-bottom:34px}
#pricing .fw2-head .fw2-lede{max-width:66ch;font-size:1.06rem;margin:0 0 26px}
.fw2-every{border:1px solid #4c4874;border-radius:18px;padding:20px 22px 18px;background:#ffffff08;margin:0 0 22px}
#pricing .fw2-head .fw2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:.84rem;line-height:1.35;color:#f3f0ea}
.fw2-every-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#ffae91;margin-right:6px}
.fw2-chip{display:inline-block;max-width:100%;padding:7px 13px 7px 10px;border:1px solid #5d5990;border-radius:10px;background:#1f1c5c;color:#f3f0ea}
.fw2-chip::before{content:"";display:inline-block;vertical-align:1px;margin-right:9px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3cf,#f9dd9a 35%,#e64925 85%);box-shadow:0 0 6px #e6492570}
#pricing .fw2-head .fw2-build{list-style:none;margin:0;padding:14px 0 0;border-top:1px dashed #4c4874;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:10px 30px;font-size:.9rem;line-height:1.55;color:#e6e1ef}
.fw2-build li{position:relative;padding-left:22px;max-width:64ch}
.fw2-build li::before{content:"";position:absolute;left:2px;top:.5em;width:7px;height:7px;border:2px solid #ffae91;border-radius:2px;transform:rotate(45deg)}
#pricing .fw2-head>p.fw2-addon{position:relative;padding-left:36px;font-size:.97rem;margin:0}
.fw2-addon-mark{position:absolute;left:0;top:.1em;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c93812;color:#fff;font-weight:700;line-height:1}

/* ── Plan cards ───────────────────────────────────────────────────────── */
.fs-page .fw2-rec{position:absolute;top:0;left:50%;z-index:3;transform:translate(-50%,-55%);padding:4px 12px;border-radius:999px;background:#c93812;color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;line-height:1.5;white-space:nowrap;box-shadow:0 4px 14px #e6492555}
#pricing .fs-plan-price strong{display:inline-block;transform-origin:left bottom;transition:color 1.5s ease var(--fw2-d,0s),text-shadow 1.8s ease var(--fw2-d,0s),transform 1.1s var(--fx-ease-out) var(--fw2-d,0s)}
#pricing .fs-plan-price strong.fw2-hot,#change-orders .fs-packs dd.fw2-hot{color:#c93812;text-shadow:0 0 14px #f9dd9ae6,0 0 2px #e6492599;transform:translateY(-3px) scale(1.06)}
#pricing .fs-plan-price strong.fw2-heat{transition-duration:.35s}
#pricing .fs-plan.fxfo-hot .fs-plan-price strong:not(.fw2-hot){text-shadow:0 0 18px #f9dd9a99;transition-delay:0s}
.fw2-steam{position:absolute;left:50%;bottom:72px;width:0;height:0;pointer-events:none;z-index:2}
.fw2-steam i{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;opacity:0;background:radial-gradient(circle,#9ea4bde0 0,#9ea4bd70 40%,#9ea4bd00 70%)}
.fw2-steam.fw2-puff i{animation:fw2-steam 1.15s ease-out both}
.fw2-steam.fw2-puff i:nth-child(2){animation-delay:.12s;--dx:-15px}
.fw2-steam.fw2-puff i:nth-child(3){animation-delay:.24s;--dx:13px}
@keyframes fw2-steam{0%{opacity:0;transform:translate(0,4px) scale(.5)}25%{opacity:.9}100%{opacity:0;transform:translate(var(--dx,3px),-54px) scale(2)}}
/* secret: tempering colours run along the top edge */
.fw2-band{position:absolute;left:0;right:0;top:0;height:6px;border-radius:17px 17px 0 0;overflow:hidden;pointer-events:none;opacity:0;z-index:1}
.fw2-band i{position:absolute;top:0;bottom:0;left:0;width:500%;background:linear-gradient(90deg,#f1e2a8,#dcb45c 16%,#b9772f 32%,#8d4a8f 50%,#3e5fb8 68%,#6f9ad8 84%,#a9bccf)}
.fw2-tempering .fw2-band{opacity:1}
.fw2-tempering .fw2-band i{animation:fw2-temper 2.6s ease-in-out var(--fw2-d,0s) both}
@keyframes fw2-temper{from{transform:translateX(0)}to{transform:translateX(-80%)}}

/* ── Notes under the cards ────────────────────────────────────────────── */
.fw2-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;color:#e6e1ef}
.fw2-note{border:1px solid #4c4874;border-radius:16px;padding:20px 22px 16px;background:#ffffff06;font-size:.9rem;line-height:1.6}
#pricing .fw2-note-h{font-family:var(--fx-sans,Poppins,sans-serif);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;line-height:1.4;color:#ffae91;margin:0 0 12px}
#pricing .fw2-note p{margin:0 0 10px;color:#e6e1ef;max-width:62ch}
#pricing .fw2-note a,#pricing .fw2-more summary{color:#ffcd8e}
#pricing .fw2-note strong{color:#f9dd9a;font-weight:600;white-space:nowrap}
.fw2-terms{list-style:none;padding:0;margin:0}
.fw2-terms li{position:relative;padding-left:20px;margin:0 0 7px}
.fw2-terms li::before{content:"";position:absolute;left:1px;top:.6em;width:7px;height:7px;border-radius:50%;background:#f9dd9a}

/* ── Small disclosures (details.fw2-more) ─────────────────────────────── */
.fw2-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;font-size:.86rem;font-weight:600;line-height:1.35}
.fw2-more summary::-webkit-details-marker{display:none}
.fw2-more summary>span:first-child{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.fw2-caret{flex:none;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;position:relative}
.fw2-caret::before{content:"";position:absolute;left:6px;top:4px;width:5px;height:5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s ease}
.fw2-more[open] .fw2-caret::before{transform:translateY(3px) rotate(-135deg)}
.fs-page .fw2-more .fs-detail-body{max-width:none;padding:2px 0 8px;font-size:.88rem}
.fs-page .fw2-more .fs-detail-body ul{padding-left:18px;margin:0}
.fs-page .fw2-more .fs-detail-body li{margin-bottom:8px}
#change-orders .fw2-more summary{color:#9d2b0e}
#change-orders .fw2-more .fs-detail-body p{margin:0}
#pricing .fw2-head :is(a,button,summary):focus-visible,#pricing .fw2-notes :is(a,button,summary):focus-visible,#pricing .fs-compare>summary:focus-visible{outline-color:#ffcd8e}

/* ── Change orders + portal: light motion ─────────────────────────────── */
#change-orders .fs-change-grid>div:first-child>p{max-width:66ch}
.fw2-pips{display:flex;gap:10px;margin:0 0 20px 3px}
.fw2-pips i{position:relative;width:11px;height:11px;border-radius:3px;background:#d9d5e0;transform:rotate(45deg)}
.fw2-pips i::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at 35% 35%,#fff3cf,#f9dd9a 30%,#e64925 80%);box-shadow:0 0 10px #e6492599;transition:opacity .5s ease calc(var(--i,0) * .16s + .2s)}
.fw2-pips.fw2-lit i::after{opacity:1}
#change-orders .fs-packs dd{display:inline-block;transition:color 1.5s ease var(--fw2-d,0s),text-shadow 1.8s ease var(--fw2-d,0s),transform 1.1s var(--fx-ease-out) var(--fw2-d,0s);transform-origin:right bottom}
.fs-portal-list li{position:relative}
.fs-portal-list li::before{content:"";position:absolute;left:0;top:-1px;width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,#e64925,#f9dd9a);transform:scaleX(0);transform-origin:left center;transition:transform .8s var(--fx-ease-out) calc(var(--i,0) * .15s)}
.fs-portal-list.fw2-drawn li::before{transform:scaleX(1)}
#portal .fs-portal-note p{max-width:62ch}
/* secret: the forge is still lit after midnight */
#portal.fw2-night .fs-portal-note{position:relative;box-shadow:0 0 0 1px #e6492540,0 22px 50px -14px #e6492570}
#portal.fw2-night .fw2-2am{background:linear-gradient(transparent 60%,#f9dd9a 60%);font-weight:600}
.fw2-lamp{position:absolute;top:0;right:24px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:#141142;color:#f9dd9a;font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.fw2-lamp::before{content:"";width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff3cf,#f9dd9a 35%,#e64925 80%);box-shadow:0 0 8px #e64925}

@media (prefers-reduced-motion: no-preference){
  .fw2-lamp::before{animation:fw2-flicker 2.8s ease-in-out infinite}
}
@keyframes fw2-flicker{0%,100%{opacity:1}50%{opacity:.55}}
@media (prefers-reduced-motion: reduce){
  #pricing .fs-plan-price strong,#change-orders .fs-packs dd,.fw2-pips i::after,.fs-portal-list li::before,.fw2-caret::before{transition:none}
  .fw2-steam,.fw2-tempering .fw2-band i{animation:none;display:none}
  .fw2-tempering .fw2-band i{display:block;width:100%;transform:none}
  .fs-portal-list li::before{transform:scaleX(1)}
}
@media (max-width:1050px){
  .fw2-notes{grid-template-columns:1fr 1fr}
  .fw2-notes .fw2-note:last-child{grid-column:1/-1}
}
@media (max-width:700px){
  .fw2-every{padding:16px 16px 14px}
  #pricing .fw2-head .fw2-build{grid-template-columns:1fr}
  .fw2-every-label{flex-basis:100%;margin:0 0 2px}
  .fw2-notes{grid-template-columns:1fr;gap:14px;margin-top:26px}
  .fw2-note{padding:18px 18px 12px}
  .fw2-lamp{right:14px}
}
@media print{.fw2-steam,.fw2-band,.fw2-pips,.fw2-lamp{display:none!important}.fw2-sr{position:static!important;width:auto;height:auto;margin:0;clip:auto;white-space:normal}}