/* Generated by tool/site-bundle.mjs from site/fx/. Do not edit — edit the sources and re-run. */
/* ── fx/ambient.css ── */
html { scroll-padding-top: 60px; }
.sf-fx.sf-amb:not(.sf-still):focus-within { scroll-behavior: smooth; }
.fx-ambient { position: fixed; inset: 0 0 auto; height: 100vh; height: 100lvh; z-index: 0; overflow: hidden; pointer-events: none;
  background: radial-gradient(110% 60% at 50% 108%, rgba(255,106,61,.15), rgba(255,77,77,.05) 45%, transparent 70%), var(--bg); }
.fx-ambient canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.6s var(--ease); }
.fx-ambient.is-live canvas { opacity: 1; }
.fx-ambient ~ main, .fx-ambient ~ .footer { position: relative; z-index: 1; }
.fx-grain { position: fixed; inset: 0; z-index: 60; pointer-events: none; opacity: .032;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.6 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.fx-nav { position: sticky; top: 0; z-index: 50; border-bottom: 0; pointer-events: none; --fx-nav-lift: 0px; }
.fx-nav::before, .fx-nav .nav__inner > * { pointer-events: auto; }
.fx-nav::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(13,13,17,.7); -webkit-backdrop-filter: blur(20px) saturate(1.7); backdrop-filter: blur(20px) saturate(1.7); border-bottom: 1px solid var(--hairline); box-shadow: 0 18px 40px -26px #000; transition: opacity .4s var(--ease), transform .5s var(--fx-spring); }
html.sf-fx .fx-nav:not(.is-stuck)::before { opacity: 0; }
.fx-nav .nav__inner { transition: transform .5s var(--fx-spring); }
.fx-nav .nav__cta { min-width: 0; }
.fx-nav__progress { position: absolute; left: 0; right: 0; bottom: 0; height: 1px; transform: scaleX(0); transform-origin: 0 50%; opacity: 0; background: linear-gradient(90deg, var(--ember-deep), var(--ember) 60%, var(--ember-hot)); box-shadow: 0 0 10px rgba(255,106,61,.7); transition: opacity .4s var(--ease), translate .5s var(--fx-spring); }
.fx-nav.is-stuck .fx-nav__progress { opacity: 1; }
.fx-nav .nav__links { position: relative; }
.fx-nav .nav__links a { padding: 12px 8px; margin: 0 -8px; }
.fx-nav .nav__links a.is-active { color: var(--text); }
.fx-nav__ind { position: absolute; left: 0; bottom: 6px; width: 1px; height: 2px; background: var(--ember); transform-origin: 0 50%; opacity: 0; pointer-events: none; transition: transform .5s var(--fx-spring), opacity .3s var(--ease); }
@media (min-width: 641px) {
  .fx-nav.is-stuck { --fx-nav-lift: 12px; }
  .fx-nav.is-stuck::before { transform: translateY(calc(-1 * var(--fx-nav-lift))); }
  .fx-nav.is-stuck .fx-nav__progress { translate: 0 calc(-1 * var(--fx-nav-lift)); }
  .fx-nav.is-stuck .nav__inner { transform: translateY(-6px); }
}
@media (hover: hover) { .fx-nav .brand:hover .mark { animation: fx-flicker .9s var(--ease); } }
@keyframes fx-flicker {
  20%, 55% { filter: drop-shadow(0 0 13px rgba(255,106,61,.95)) brightness(1.2); }
  35% { filter: drop-shadow(0 0 4px rgba(255,106,61,.4)) brightness(.94); }
}
.sf-fx.sf-amb [data-reveal]:not(.fx-in) { opacity: 0; transform: translateY(28px); }
.sf-fx.sf-amb [data-reveal="fade"]:not(.fx-in) { transform: none; }
.sf-fx.sf-amb [data-reveal="scale"]:not(.fx-in) { transform: scale(.94); }
@media (min-width: 641px) {
  .sf-fx.sf-amb [data-reveal="left"]:not(.fx-in) { transform: translateX(-40px); }
  .sf-fx.sf-amb [data-reveal="right"]:not(.fx-in) { transform: translateX(40px); }
}
.sf-fx.sf-amb [data-reveal-stagger]:not(.fx-in) { opacity: 1; transform: none; }
.sf-fx.sf-amb [data-reveal].fx-go { transition: opacity .7s var(--ease) var(--rd, 0ms), transform .95s var(--fx-spring) var(--rd, 0ms); }
.fx-w, .fx-wi { display: inline-block; }
.fx-w { clip-path: inset(-.2em -.1em -.26em); }
.fx-wi { transform-origin: 0 100%; }
.sf-fx.sf-amb [data-split]:not(.fx-in) .fx-wi { transform: translateY(120%) rotate(5deg); }
[data-split].fx-in .fx-wi { transition: transform .95s var(--fx-spring); }
:where([data-spot], [data-magnetic]) { position: relative; }
.fx-spot { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .45s var(--ease); background: radial-gradient(460px circle at var(--mx) var(--my), rgba(255,138,61,.075), transparent 62%); }
.fx-spot::before { content: ''; position: absolute; inset: 0; padding: 1px; border-radius: inherit; background: radial-gradient(280px circle at var(--mx) var(--my), rgba(255,170,110,.95), rgba(255,106,61,.3) 45%, transparent 72%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.fx-near > .fx-spot { opacity: 1; }
[data-magnetic] { transition: filter .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), box-shadow .35s var(--ease); }
.fx-sheen { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; }
.fx-sheen::before { content: ''; position: absolute; top: -30%; bottom: -30%; left: 0; width: 42%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.42), transparent); transform: translateX(-150%) skewX(-18deg); }
@media (hover: hover) {
  .sf-amb [data-magnetic]:hover > .fx-sheen::before { transform: translateX(360%) skewX(-18deg); transition: transform .85s var(--ease); }
  [data-magnetic].btn--primary:hover { box-shadow: 0 10px 30px -10px rgba(255,106,61,.75); }
}
.fx-forge-line { position: relative; --fx-x: max(var(--gutter), calc(50% - var(--max) / 2 + var(--gutter))); --fx-y: 48px; }
.fx-forge-line::before, .fx-forge-line::after { content: ''; position: absolute; inset: var(--fx-y) var(--fx-x) auto; height: 1px; pointer-events: none; transform-origin: 0 50%; }
.fx-forge-line::before { background: linear-gradient(90deg, rgba(255,106,61,.75), rgba(255,106,61,.2) 28%, var(--hairline) 62%, transparent); }
.fx-forge-line::after { height: 3px; margin-top: -1px; border-radius: 3px; opacity: 0; background: linear-gradient(90deg, transparent calc(100% - 260px), rgba(255,106,61,.55) calc(100% - 70px), #FFB27A calc(100% - 10px), #fff); filter: drop-shadow(0 0 7px rgba(255,138,61,.95)); }
.sf-fx.sf-amb .fx-forge-line:not(.fx-lit)::before { transform: scaleX(0); }
.sf-fx.sf-amb .fx-forge-line.fx-lit::before { animation: fx-forge 1.3s cubic-bezier(.6,0,.2,1) both; }
.sf-fx.sf-amb .fx-forge-line.fx-lit::after { animation: fx-spark 1.3s cubic-bezier(.6,0,.2,1) both; }
@keyframes fx-forge { from { transform: scaleX(0); filter: brightness(2.6); } 75% { filter: brightness(2.6); } to { transform: none; filter: none; } }
@keyframes fx-spark { from { transform: translateX(-100%); opacity: 0; } 12%, 86% { opacity: 1; } to { transform: none; opacity: 0; } }
#faq .fx-faq__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 24px 64px; align-items: start; }
#faq .sec__head { position: sticky; top: 104px; margin-bottom: 0; }
#faq .deck a { display: inline-block; padding: 13px 0; margin: -13px 0; color: var(--ember); }
#faq .deck a:hover { color: var(--ember-hot); }
#faq .faq { max-width: none; counter-reset: q; }
#faq .faq__item { position: relative; isolation: isolate; padding: 0 20px; }
#faq .faq__item::before, #faq .faq__item::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; opacity: 0; pointer-events: none; transition: opacity .45s var(--ease), transform .55s var(--fx-spring); }
#faq .faq__item::before { width: 2px; border-radius: 2px; background: var(--forge); box-shadow: 0 0 14px rgba(255,106,61,.7); transform: scaleY(.2); }
#faq .faq__item::after { right: 0; z-index: -1; background: linear-gradient(90deg, rgba(255,106,61,.09), rgba(255,106,61,0) 72%); }
#faq .faq__item[open]:not(.fx-closing)::before, #faq .faq__item[open]:not(.fx-closing)::after { opacity: 1; transform: none; }
#faq .faq__q { padding: 22px 48px 22px 0; }
#faq .faq__q::before { counter-increment: q; content: counter(q, decimal-leading-zero); content: counter(q, decimal-leading-zero) / ''; flex: none; width: 20px; font-size: 12px; font-weight: 600; letter-spacing: .06em; font-variant-numeric: tabular-nums; color: var(--text-3); transition: color .3s var(--ease); }
#faq .faq__q h3 { transition: transform .45s var(--fx-spring); }
#faq .faq__marker { right: 0; width: 28px; height: 28px; margin-top: -14px; border: 1px solid var(--hairline-strong); border-radius: 50%; transform: none; transition: transform .6s var(--fx-spring), background-color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease); }
#faq .faq__marker::before { left: 7px; right: 7px; top: 12px; }
#faq .faq__marker::after { top: 7px; bottom: 7px; left: 12px; }
#faq .faq__item[open]:not(.fx-closing) .faq__q::before { color: var(--ember); }
#faq .faq__item[open]:not(.fx-closing) .faq__marker { transform: rotate(135deg); background-color: var(--ember-faint); border-color: rgba(255,106,61,.55); box-shadow: 0 0 18px rgba(255,106,61,.35); }
#faq .faq__a { padding: 0 48px 24px 36px; }
.sf-fx.sf-amb #faq .faq__item[open] .faq__a { animation: fx-faq-in .55s var(--ease) both; }
#faq .faq__item.fx-closing .faq__a { opacity: 0; transition: opacity .2s linear; }
@keyframes fx-faq-in { from { opacity: 0; transform: translateY(-8px); } }
@media (hover: hover) { #faq .faq__q:hover h3 { transform: translateX(4px); } }
.fx-footer { position: relative; isolation: isolate; overflow: hidden; border-top-color: rgba(255,106,61,.22); padding-bottom: 0; }
.fx-footer::after { content: ''; position: absolute; inset: auto 0 0; height: 58%; z-index: -1; background: radial-gradient(58% 100% at 50% 100%, rgba(255,106,61,.18), rgba(255,77,77,.05) 55%, transparent 76%); }
.fx-footer .brand { min-height: 44px; }
.fx-footer .footer__links a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.fx-footer .footer__meta { align-items: center; margin-top: 0; color: var(--text-2); }
.fx-still { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-left: auto; font-size: 12px; color: var(--text-2); cursor: pointer; transition: color .16s var(--ease); }
.fx-still[hidden] { display: none; }
.fx-still:hover { color: var(--text); }
.fx-still i { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid var(--hairline-strong); border-radius: 50%; }
.fx-still i::before { content: ''; width: 6px; height: 8px; border: solid var(--ember); border-width: 0 2px; }
.fx-still.is-off i::before { width: 0; margin-left: 2px; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent var(--ember); }
.fx-footer__word { margin: 36px 0 -.17em; font-size: clamp(72px, 19vw, 248px); font-weight: 800; line-height: .8; letter-spacing: -.045em; text-align: center; white-space: nowrap; color: transparent; background: linear-gradient(180deg, rgba(255,255,255,.035) 8%, rgba(255,106,61,.2) 96%); -webkit-background-clip: text; background-clip: text; pointer-events: none; }
@media (max-width: 1023px) {
  #faq .fx-faq__grid { grid-template-columns: minmax(0, 1fr); }
  #faq .sec__head { position: static; }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 56px; }
  .fx-forge-line { --fx-y: 24px; }
  .fx-nav .brand { min-height: 44px; }
  .fx-nav .nav__cta { height: 44px; margin-left: auto; }
  #faq .fx-faq__grid { row-gap: 20px; }
  #faq .faq__item { padding: 0 10px; }
  #faq .faq__q { min-height: 48px; padding: 13px 38px 13px 0; gap: 10px; }
  #faq .faq__q h3 { font-size: 16px; }
  #faq .faq__a { padding: 0 4px 16px 30px; font-size: 15px; line-height: 1.55; }
  .fx-footer { margin-top: 40px; padding-top: 28px; }
  .fx-footer .footer__inner { row-gap: 0; }
  .fx-footer .footer__links { gap: 0 20px; }
  .fx-footer .footer__meta { margin-top: 4px; gap: 4px 16px; font-size: 13px; }
  .fx-footer .footer__meta > span:nth-child(2) { order: 1; width: 100%; text-wrap: balance; }
  .fx-still { order: 2; margin-left: 0; width: 100%; font-size: 13px; }
  .fx-footer__word { margin: 14px 0 -.17em; font-size: 18vw; }
}
@media (max-width: 359px) {
  #faq .faq__item { padding: 0 8px; }
  #faq .faq__q { padding-right: 36px; gap: 8px; }
  #faq .faq__q h3 { font-size: 15px; }
  #faq .faq__a { padding-left: 28px; }
  .fx-footer .footer__links { gap: 0 12px; }
}
@media (max-width: 480px) { .fx-nav__long { display: none; } }
@media print {
  .sf-fx.sf-amb [data-reveal], .sf-fx.sf-amb [data-split] .fx-wi, .sf-fx.sf-amb .fx-forge-line::before { opacity: 1 !important; transform: none !important; }
  .fx-ambient canvas, .fx-grain, .fx-nav__progress, .fx-still { display: none !important; }
  .fx-nav { position: static; }
}

/* ── fx/hero.css ── */
.fx-hero { padding: 52px 0 84px; }
.fx-hero::before { width: 980px; height: 980px; right: -300px; top: 46%; translate: 0 -50%; background: radial-gradient(closest-side, #FF6A3D26, #FF4D4D0D 55%, transparent); }
.fx-hero h1 { font-size: clamp(48px, min(5.6vw, (100vw - 552px) / 8.6), 74px); font-weight: 800; line-height: .98; letter-spacing: -.035em; max-width: none; margin-top: 20px; }
.fx-hero .u-ember { white-space: nowrap; background-size: 100% .075em; background-position: 0 93%; }
.fx-hero .fh-w { display: inline-block; }
.fx-hero .hero__sub { margin-top: 24px; max-width: 540px; }
.fx-hero .hero__form[data-done="true"] { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; }
.fx-hero .hero__form[data-done="true"] .launch-form__status { flex: 0 0 auto; margin-block: 15px 16px; }
.fx-hero [data-b], .fx-hero [data-m] { visibility: hidden; }
html.sf-fx .fx-hero.is-live [data-b]:not(.off), html.sf-fx .fx-hero.is-live [data-m].on { visibility: visible; }
html.sf-fx .fx-hero.is-live [data-a]:not(.on) { visibility: hidden; }
html.sf-fx .fx-hero.is-live .fn-ink { clip-path: inset(0 100% 0 0); }
html.sf-fx .fx-hero.is-live .fn:not(.forged) { rotate: -1.5deg; }
html.sf-fx .fx-hero.is-live .fn-wrap::before { opacity: .4; }
html.sf-fx .fx-hero.is-live .forged::after { opacity: .55; }
html.sf-fx .fx-hero.is-intro :is(.eyebrow, .hero__sub, .hero__form, .hero__cta-m, .hero__more, .hero__avail, .fn-cap-row, .fn, .fh-w):not(.on) { opacity: 0; }
html.sf-fx .fx-hero.is-intro .u-ember:not(.on) { background-size: 0 0; }
.fx-hero .fn-wrap { position: relative; isolation: isolate; width: 440px; margin-left: auto; }
.fx-hero .fn-wrap::before { content: ''; position: absolute; inset: -16% -24% -6%; z-index: -1; border-radius: 50%; background: radial-gradient(closest-side, #FF6A3D42, #FF4D4D12 60%, transparent); pointer-events: none; transition: opacity 1.4s var(--ease); }
html.sf-fx .fx-hero:not(.is-live) .fn-wrap::before { animation: fn-breathe 7s ease-in-out 4; }
html.sf-fx .fx-hero.is-off .fn-wrap::before { animation-play-state: paused; }
html.sf-fx.sf-still .fx-hero:not(.is-live) .fn-wrap::before { animation: none; }
.fx-hero .fn { --text-3: #9C9CA6; position: relative; z-index: 1; min-height: 520px; padding: 24px; border-radius: 24px; display: flex; flex-direction: column; background: linear-gradient(180deg, #1D1D25, #15151B); border: 1px solid var(--hairline-strong); box-shadow: inset 0 1px 0 #FFFFFF14, 0 2px 4px #00000066, 0 20px 40px -14px #000000B2, 0 56px 100px -30px #000, 0 0 90px #FF6A3D17; transition: rotate .9s var(--fx-pop); }
.fx-hero .fn::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; border: 1px solid #FF8A3D; box-shadow: 0 0 44px #FF6A3D59, inset 0 0 36px #FF6A3D1F; opacity: 0; pointer-events: none; transition: opacity 1.6s var(--ease); }
.fx-hero .fn-paper { position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(165deg, #FFAA6421, #FF6A3D0F); }
.fx-hero .fn-head { position: relative; display: grid; min-height: 92px; flex: none; }
.fx-hero .fn-note, .fx-hero .fn-dash { grid-area: 1 / 1; }
.fx-hero .fn-title { width: max-content; font: 600 36px/1 "Caveat", "Caveat Fallback", cursive; }
.fx-hero .fn-meta { font-size: 12px; color: var(--text-3); margin-top: 6px; }
.fx-hero .fn-dash { display: grid; grid-template-columns: 1fr auto; column-gap: 16px; align-content: start; transform-origin: 50% 0; }
.fx-hero .fn-dash > :nth-child(2) { text-align: right; }
.fx-hero .fn-lbl { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); }
.fx-hero .fn-total, .fx-hero .fn-count { display: flex; height: 1.1em; overflow: hidden; margin-top: 4px; font-size: 34px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; transform-origin: 0 70%; }
.fx-hero .fn-count { color: var(--ember); justify-content: flex-end; }
.fx-hero .fn-reel > span { display: block; white-space: pre; transition: transform .19s var(--fx-pop); }
.fx-hero .fn-reel.z { display: none; }
.fx-hero .fn-sub { grid-column: 1 / -1; font-size: 12px; color: var(--text-3); margin-top: 6px; }
.fx-hero .fn-slot { position: relative; display: grid; align-items: center; min-height: 56px; }
.fx-hero .fn-slot + .fn-slot { border-top: 1px solid var(--hairline); }
.fx-hero .fn-slot > * { grid-area: 1 / 1; min-width: 0; }
.fx-hero .fn-scrawl { font: 400 23px/1.3 "Caveat", "Caveat Fallback", cursive; padding-left: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx-hero .fn-slot:nth-child(odd) .fn-scrawl { rotate: -.6deg; }
.fx-hero .fn-slot:nth-child(even) .fn-scrawl { rotate: .5deg; }
.fx-hero .hot { color: #FFE3BC; text-shadow: 0 0 6px #FF8A3D, 0 0 20px #FF4D4D; animation: fn-flick 90ms steps(2) 8; }
.fx-hero .fn-row { display: flex; align-items: center; gap: 12px; }
.fx-hero .fn-row .row__name { font-size: 15px; display: flex; align-items: center; gap: 8px; }
.fx-hero .fn-row .row__meta { margin-top: 2px; }
.fx-hero .fn-row .row__amt { font-size: 15px; }
.fx-hero .fn-sug { position: absolute; inset: -4px -10px; z-index: 4; display: flex; align-items: center; gap: 10px; padding: 0 12px; background: var(--surface); border: 1px solid #FF8A3D66; border-radius: 14px; box-shadow: 0 0 0 4px #FF6A3D12, 0 14px 30px -10px #000; }
.fx-hero .fn-sug > div { min-width: 0; flex: 1; line-height: 1.3; }
.fx-hero .fn-sug small { display: block; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ember-hot); }
.fx-hero .fn-sug b { display: block; font-size: 13px; font-weight: 600; }
.fx-hero .fn-sug p { font-size: 12px; color: var(--text-2); white-space: nowrap; }
.fx-hero .fn-sug .i-x { width: 18px; height: 18px; color: var(--text-3); flex: none; }
.fx-hero .fn-add { position: relative; flex: none; display: grid; place-items: center; height: 30px; min-width: 48px; border-radius: 999px; background: var(--forge); color: var(--ink); font-size: 12px; font-weight: 700; }
.fx-hero .fn-add > * { grid-area: 1 / 1; }
.fx-hero .fn-add svg { width: 15px; height: 15px; opacity: 0; }
.fx-hero .fn-add.done span { opacity: 0; }
.fx-hero .fn-add.done svg { opacity: 1; }
.fx-hero .fn-add::after { content: ''; position: absolute; inset: -5px; border-radius: inherit; border: 2px solid var(--ember-hot); opacity: 0; }
.fx-hero .fn-tap { position: absolute; right: 3px; top: 50%; width: 26px; height: 26px; border-radius: 50%; background: #FFFFFF3D; border: 1.5px solid #FFFFFFBF; box-shadow: 0 3px 12px #0000008C; }
.fx-hero .fn-tie { position: relative; display: inline-block; vertical-align: middle; }
.fx-hero .fn-annot { position: absolute; left: 26px; top: -32px; z-index: 2; width: max-content; padding: 4px 10px; font-size: 11.5px; font-weight: 500; line-height: 1.3; color: var(--ember-hot); background: #2A1A15; border: 1px solid #FF6A3D73; border-radius: 10px; transform-origin: -10px 75%; }
.fx-hero .fn-annot span { display: block; }
.fx-hero .fn-annot::before { content: ''; position: absolute; right: 100%; top: 31px; width: 20px; height: 1px; background: linear-gradient(90deg, #FF6A3D40, var(--ember)); }
.fx-hero .fn-foot { margin-top: auto; padding-top: 10px; }
.fx-hero .fn-line { position: absolute; left: -16px; right: -16px; top: 0; height: 0; z-index: 3; pointer-events: none; }
.fx-hero .fn-line::before { content: ''; position: absolute; inset: -1.5px 0; border-radius: 3px; background: linear-gradient(90deg, transparent, #FF6A3D 12%, #FFF1DC 35%, #FFF1DC 65%, #FF6A3D 88%, transparent); filter: drop-shadow(0 0 5px #FF8A3D) drop-shadow(0 0 20px #FF4D4D); }
.fx-hero .fn-line::after { content: ''; position: absolute; inset: -52px 8px; background: radial-gradient(50% 50%, #FF7A3D52, transparent); }
.fx-hero .fn-glare { position: absolute; inset: 0; z-index: 2; border-radius: inherit; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .5s var(--ease); }
.fx-hero .fn-glare::after { content: ''; position: absolute; left: -280px; top: -280px; width: 560px; height: 560px; background: radial-gradient(closest-side, #FFECDA30, transparent); transform: translate(var(--gx, 0), var(--gy, 0)); }
.fx-hero .fn-fx { position: absolute; z-index: 5; pointer-events: none; }
.fx-hero .fn-annot-m { display: none; }
.fx-hero .fn-annot-m, .fx-hero .fn-cap-row { position: relative; z-index: 2; }
.fx-hero .fn-cap-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-top: 16px; min-height: 32px; }
.fx-hero .fn-cap { font-size: 13px; line-height: 1.5; color: var(--text-2); max-width: 330px; }
.fx-hero .fn-replay { flex: none; color: var(--text-2); }
.fx-hero .fn-replay[hidden], .fx-hero .fn-replay.run svg, .fx-hero .fn-before { display: none; }
@keyframes fn-flick { 50% { opacity: .72; } }
@keyframes fn-breathe { 50% { opacity: .55; scale: .95; } }
@media (prefers-reduced-motion: reduce) {
  .fx-hero .fn-replay { display: none; }
  .fx-hero .fn-before { display: grid; grid-template: auto 1fr / auto 1fr; column-gap: 20px; margin-bottom: 14px; padding: 12px 16px; border-radius: 14px; background: var(--paper); border: 1px solid var(--hairline-strong); font: 400 16px/1.2 "Caveat", "Caveat Fallback", cursive; color: var(--text); rotate: -1deg; }
  .fx-hero .fn-before b { font: 600 11px/1.6 "Bricolage Grotesque", "Bricolage Fallback", system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--text-2); }
  .fx-hero .fn-before strong { font-size: 26px; font-weight: 600; }
  .fx-hero .fn-before ul { grid-area: 1 / 2 / 3; list-style: none; }
}
@media (max-width: 1023px) {
  .fx-hero .fn-wrap { width: auto; margin: 0; display: grid; grid-template: auto 1fr / minmax(0, 440px) minmax(0, 1fr); column-gap: 28px; }
  .fx-hero .fn { grid-area: 1 / 1 / 3; }
  .fx-hero .fn-before { grid-area: 1 / 2; grid-template-columns: 1fr; margin: 0; rotate: 1deg; }
  .fx-hero .fn-before ul { grid-area: auto; }
  .fx-hero .fn-cap-row { grid-area: 2 / 2; align-self: end; flex-direction: column; margin: 0; }
}
@media (max-width: 999px) {
  .fx-hero .launch-form__consent { max-width: 608px; }
  .fx-hero .hero__form.launch-form--mail .btn { flex: 0 0 auto; min-width: 296px; }
}
@media (max-width: 719px) {
  .fx-hero .fn-wrap { display: block; max-width: 520px; }
  .fx-hero .fn-before { grid-template-columns: auto 1fr; margin-bottom: 14px; rotate: -1deg; }
  .fx-hero .fn-before ul { grid-area: 1 / 2 / 3; }
  .fx-hero .fn-cap-row { flex-direction: row; margin-top: 16px; }
}
@media (max-width: 640px) {
  .fx-hero { padding: 28px 0 36px; }
  .fx-hero::before { display: block; width: 640px; height: 640px; right: -260px; top: 62%; }
  .fx-hero h1 { font-size: clamp(32px, 10vw, 44px); margin-top: 12px; }
  .fx-hero .hero__sub { margin-top: 14px; }
  .fx-hero .hero__more { margin-top: 2px; }
  .fx-hero .hero__more .link-arrow { padding-block: 11px; border: 0; text-decoration: underline; text-decoration-color: #FFFFFF4D; text-underline-offset: 5px; }
  .fx-hero .hero__avail { margin-top: 0; }
  .fx-hero .fn-wrap::before { inset: -8% -16px -4%; }
  .fx-hero .fn { min-height: 440px; padding: 18px; }
  html.sf-fx .fx-hero.is-live .fn:not(.forged) { rotate: -1deg; }
  .fx-hero .fn-head { min-height: 84px; }
  .fx-hero .fn-title { font-size: 30px; }
  .fx-hero .fn-total, .fx-hero .fn-count { font-size: 28px; }
  .fx-hero .fn-sub { font-size: 13px; text-wrap: balance; }
  .fx-hero .fn-slot { min-height: 48px; }
  .fx-hero .fn-scrawl { font-size: 19px; }
  .fx-hero .fn-row .avatar { --size: 32px; }
  .fx-hero .fn-row .row__meta { font-size: 13px; }
  .fx-hero .fn-sug { inset: -7px -8px; gap: 8px; padding: 0 10px; }
  .fx-hero .fn-sug small { font-size: 11px; letter-spacing: .05em; }
  .fx-hero .fn-sug p { font-size: 13px; }
  .fx-hero .fn-sug .avatar, .fx-hero .fn-tie { display: none; }
  .fx-hero .fn-line { left: -8px; right: -8px; }
  .fx-hero .fn-foot { font-size: 12px; line-height: 1.4; }
  .fx-hero .fn-annot-m { display: block; font-size: 13px; line-height: 1.35; color: var(--ember); margin-top: 12px; }
  .fx-hero .fn-cap-row { display: block; margin-top: 6px; min-height: 0; }
  .fx-hero .fn-cap { max-width: none; }
  .fx-hero .fn-replay { position: absolute; right: 0; bottom: 100%; min-width: 44px; min-height: 44px; justify-content: flex-end; }
  html.sf-fx:not(.sf-reduced) .fx-hero .fn-annot-m { display: flex; align-items: center; min-height: 44px; margin-top: 4px; padding-right: 104px; text-wrap: balance; }
  html.sf-fx:not(.sf-reduced) .fx-hero .fn-cap-row { margin-top: 0; }
}
@media (max-width: 430px) {
  .fx-hero .fn-sug { inset: -7px -8px auto; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 0 8px; padding: 5px 10px; }
  .fx-hero .fn-sug > div { display: contents; }
  .fx-hero .fn-sug small, .fx-hero .fn-sug p { grid-column: 1 / -1; }
  .fx-hero .fn-sug b { grid-area: 2 / 1; }
  .fx-hero .fn-sug .i-x { grid-area: 2 / 2; }
  .fx-hero .fn-add { grid-area: 2 / 3; height: 26px; }
}
@media (max-width: 359px) {
  .fx-hero .fn-scrawl { font-size: 16.5px; }
  .fx-hero .fn-row { gap: 8px; }
  .fx-hero .fn-row .avatar { --size: 28px; }
  .fx-hero .fn-row .row__name { font-size: 14px; gap: 6px; }
  .fx-hero .fn-row .row__amt { font-size: 14px; }
}
@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  .fx-hero .fn-before { display: block; padding: 8px 14px 10px; margin-bottom: 10px; font-size: 15px; line-height: 1.15; }
  .fx-hero .fn-before b { margin-right: 8px; }
  .fx-hero .fn-before strong { font-size: 20px; }
  .fx-hero .fn-before ul { display: block; }
  .fx-hero .fn-before li { display: inline; }
  .fx-hero .fn-before li:not(:last-child)::after { content: '\0000A0\0000B7'; }
}

/* ── fx/ways.css ── */
.fx-ways { --row: 52px; }
.fx-ways [hidden] { display: none !important; }
.fx-ways__grid { display: grid; gap: 24px; }
.fx-ways__main, .fx-ways__panel { min-width: 0; width: 100%; max-width: 720px; }
.fx-ways__steps { position: relative; display: grid; gap: 16px; }
.fx-ways__step { min-width: 0; padding: 16px; background: var(--surface); border: 1px solid var(--hairline); border-radius: 18px; }
.fx-ways__head { display: flex; align-items: center; gap: 12px; }
.fx-ways__head h3 { flex: 1; font-size: clamp(20px, 2.3vw, 28px); letter-spacing: -.02em; }
.fx-ways__num { position: relative; z-index: 1; flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-size: 15px; font-weight: 700; color: var(--ink); background: var(--forge); box-shadow: 0 0 24px rgba(255, 106, 61, .45); transition: box-shadow .4s, transform .5s var(--fx-pop); }
.fx-ways__body { margin: 10px 0 16px; font-size: 15px; line-height: 1.55; color: var(--text-2); max-width: 60ch; }
.fx-ways__rail { display: none; }
.fx-ways__ctl { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; min-height: 44px; }
.fx-ways__ctl .btn { min-height: 44px; margin-left: auto; padding: 0 4px; }
.fx-ways__sum { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 14px 0 12px; border-radius: 999px; background: var(--sunken); border: 1px solid var(--hairline-strong); font-size: 12px; font-weight: 600; white-space: nowrap; }
.fx-ways__sum::before, .fx-ways__msg:not(:empty)::before, .fx-ways__pips i { content: ''; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--ember-hot); box-shadow: 0 0 8px var(--ember); }
.fx-ways__sum, .fx-ways__now, .fx-ways__on small, .fx-ways__row em, .fx-ways__total, .fx-ways__count, .fx-ways__fly { font-variant-numeric: tabular-nums; }
.fx-ways .frame__chrome { flex-wrap: wrap; height: auto; min-height: 32px; padding: 6px 12px; row-gap: 2px; }
.fx-ways__demo { box-shadow: 0 24px 48px -28px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .06); }
.fx-ways__field { height: 48px; transition: border-color .16s, box-shadow .16s; }
.fx-ways__field:focus-within { border-color: var(--ember); box-shadow: 0 0 0 3px rgba(255, 138, 61, .3); }
.fx-ways__field .caret { display: inline-block; vertical-align: -3px; margin-left: 1px; }
.fx-ways__q { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--text); font-size: 16px; }
.fx-ways__q::placeholder { color: var(--text-3); }
.fx-ways__opts { list-style: none; min-height: 192px; -webkit-tap-highlight-color: transparent; }
.fx-ways__opt { display: flex; align-items: center; gap: 12px; height: 48px; margin: 0 -8px; padding: 0 8px; border-radius: 12px; }
.fx-ways__opt[role] { cursor: pointer; }
.fx-ways__opt.is-new { animation: fx-ways-in .26s var(--ease) backwards; }
.fx-ways__opt[role]:hover { background: rgba(255, 255, 255, .05); }
.fx-ways__opt[aria-selected="true"] { background: rgba(255, 138, 61, .13); box-shadow: inset 0 0 0 2px var(--ember-hot); }
.fx-ways__on { flex: 1; min-width: 0; display: grid; line-height: 1.3; }
.fx-ways__on b { font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx-ways__on small { font-size: 11px; color: var(--text-2); }
.fx-ways__plus { position: relative; flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; color: var(--ember-hot); background: var(--ember-faint); }
.fx-ways__plus svg { width: 16px; height: 16px; }
.fx-ways__opt.is-added { cursor: default; }
.fx-ways__opt.is-added b { color: var(--text-2); }
.fx-ways__opt.is-added .fx-ways__plus { background: none; color: var(--success); }
.fx-ways__msg { order: 1; display: flex; align-items: baseline; gap: 8px; min-height: 1.5em; font-size: 12px; line-height: 1.5; color: var(--text-2); }
.fx-ways__msg.is-warn { color: var(--ember-hot); font-weight: 600; }
.fx-ways__msg.is-none { order: 0; padding: 14px; font-size: 13px; border: 1px dashed var(--hairline-strong); border-radius: 12px; }
.fx-ways__msg.is-none + .fx-ways__opts { min-height: 141px; }
.fx-ways__shot { position: relative; overflow: hidden; width: 100%; max-width: 320px; margin: 0 auto; padding: 8px 10px 10px; background: #000; border: 1px solid var(--hairline-strong); border-radius: 16px; font-family: -apple-system, system-ui, sans-serif; }
.fx-ways__shot-bar { display: grid; grid-template-columns: 1fr auto 1fr; padding: 2px 2px 8px; font-size: 11px; color: #0A84FF; }
.fx-ways__shot-bar b { color: #fff; font-weight: 600; }
.fx-ways__shot-row { display: flex; align-items: center; gap: 10px; padding: 7px 10px; background: #1C1C1E; }
.fx-ways__shot-row + .fx-ways__shot-row { box-shadow: inset 0 1px 0 #38383A; }
.fx-ways__shot-row:nth-child(2) { border-radius: 10px 10px 0 0; }
.fx-ways__shot-row:nth-child(4) { border-radius: 0 0 10px 10px; }
.fx-ways__shot-row i { flex: none; width: 26px; height: 26px; border-radius: 7px; background: linear-gradient(160deg, rgba(255, 255, 255, .25), transparent 60%), var(--cat); }
.fx-ways__shot-row div { flex: 1; display: grid; justify-items: start; gap: 1px; line-height: 1.25; }
.fx-ways__shot-row b, .fx-ways__shot-row span { padding: 0 3px; margin: 0 -3px; border-radius: 4px; outline: 1px solid transparent; font-size: 12px; font-weight: 600; color: #fff; transition: outline-color .3s, background-color .3s, color .3s; }
.fx-ways__shot-row span { font-size: 11px; font-weight: 400; color: #8E8E93; }
.fx-ways__shot-row em { font-style: normal; color: #48484A; }
.fx-ways__shot-row.on b, .fx-ways__shot-row.on span { outline-color: rgba(255, 138, 61, .85); background: var(--ember-faint); color: #fff; }
.fx-ways__beam { position: absolute; left: 0; right: 0; top: -56px; height: 56px; opacity: 0; pointer-events: none; background: linear-gradient(transparent, rgba(255, 138, 61, .3)); border-bottom: 2px solid #FFB07A; box-shadow: 0 8px 22px rgba(255, 106, 61, .6); transition: opacity .25s; }
.fx-ways .is-scan .fx-ways__beam { opacity: 1; }
.fx-ways__found .sf-review-sum { margin-top: 2px; }
.fx-ways .cand .check svg { transition: transform .4s var(--fx-pop) .18s; }
.fx-ways .sf-btn, .fx-ways .bridge__act, .fx-ways__x { position: relative; }
.fx-ways .sf-btn.is-done, .fx-ways .is-added .sf-mini { background: none; color: var(--success); box-shadow: inset 0 0 0 1px var(--hairline-strong); }
.fx-ways__link { display: grid; grid-template-columns: 44px 1fr 44px 1fr 44px; align-items: center; justify-items: center; gap: 6px 10px; max-width: 360px; width: 100%; margin: 2px auto 0; text-align: center; transition: opacity .5s; }
.fx-ways__node, .fx-ways__mark { width: 44px; height: 44px; }
.fx-ways__node { border-radius: 14px; display: grid; place-items: center; background: var(--surface); border: 1px solid var(--hairline-strong); }
.fx-ways__node svg { width: 20px; height: 20px; }
.fx-ways__node--lock { color: var(--ember-hot); border-color: rgba(255, 106, 61, .5); background: var(--ember-faint); }
.fx-ways__wire { position: relative; overflow: hidden; width: 100%; height: 8px; background: repeating-linear-gradient(90deg, rgba(255, 138, 61, .55) 0 5px, transparent 5px 10px) 0 50% / 100% 2px no-repeat; }
.fx-ways__wire i { position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle 4px at 4px 50%, #FFB07A 60%, transparent 100%); }
.fx-ways .is-linking .fx-ways__wire i { animation: fx-ways-flow 1s linear infinite; }
.fx-ways .is-linking .fx-ways__wire i:nth-child(2) { animation-delay: .33s; }
.fx-ways .is-linking .fx-ways__wire i:nth-child(3) { animation-delay: .66s; }
.fx-ways__link small, .fx-ways__link p { font-size: 11px; color: var(--text-3); white-space: nowrap; }
.fx-ways__link p { grid-column: 1 / -1; width: 100%; margin-top: 2px; white-space: normal; }
.fx-ways__link p b { display: block; font-size: 13px; font-weight: 600; color: var(--text); }
.fx-ways .sugg { position: relative; }
.fx-ways .sugg > * { transition: opacity .3s, transform .4s var(--ease); }
.fx-ways__x { flex: none; }
.fx-ways .is-added .fx-ways__x { opacity: 0; }
.fx-ways .sugg.is-gone { background: none; border-style: dashed; }
.fx-ways .sugg.is-gone > * { opacity: 0; transform: translateX(48px); }
.fx-ways .sugg.is-gone::after { content: 'Perplexity Pro · dismissed, not added'; position: absolute; left: 14px; font-size: 12px; color: var(--text-3); animation: fx-ways-in .4s .25s backwards; }
.fx-ways__panel { position: relative; }
.fx-ways__glow { position: absolute; inset: -30px 0; opacity: .3; pointer-events: none; background: radial-gradient(closest-side, rgba(255, 106, 61, .3), transparent); }
.fx-ways__dev { --text-3: #9C9CA6; position: relative; padding: 22px; border-radius: 24px; background: linear-gradient(180deg, #1D1D25, #15151B); border: 1px solid var(--hairline-strong); box-shadow: inset 0 1px 0 #FFFFFF14, 0 2px 4px #00000066, 0 20px 40px -14px #000000B2, 0 0 90px #FF6A3D17; }
.fx-ways__bar { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--hairline); }
.fx-ways__bar h3 { font-size: 15px; }
.fx-ways__tot { display: flex; justify-content: space-between; gap: 16px; }
.fx-ways__tot > :last-child { text-align: right; }
.fx-ways__lbl { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); }
.fx-ways__total, .fx-ways__count { margin-top: 2px; font-size: 34px; font-weight: 700; line-height: 1.15; }
.fx-ways__count { color: var(--ember); }
.fx-ways__sub { display: flex; align-items: center; gap: 10px; margin: 6px 0 12px; font-size: 12px; color: var(--text-3); }
.fx-ways__pips { display: flex; gap: 4px; }
.fx-ways__pips i { transition: background-color .3s, box-shadow .3s, transform .5s var(--fx-pop); }
.fx-ways__pips .off { background: var(--hairline-strong); box-shadow: none; transform: scale(.7); }
.fx-ways__well { position: relative; min-height: calc(var(--row) * 6); }
.fx-ways__list { list-style: none; margin: 0 -12px; padding: 0 12px; outline-offset: -2px; }
.fx-ways__row { position: relative; display: flex; align-items: center; gap: 12px; min-height: var(--row); border-top: 1px solid var(--hairline); }
.fx-ways__row.is-air { opacity: 0; }
.fx-ways__row > i { position: absolute; inset: 1px -8px; opacity: 0; border-radius: 12px; pointer-events: none; background: linear-gradient(90deg, rgba(255, 138, 61, .34), rgba(255, 106, 61, .04)); }
.fx-ways__row div { flex: 1; min-width: 0; display: grid; }
.fx-ways__row b { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 500; white-space: nowrap; }
.fx-ways__row small { font-size: 12px; color: var(--text-2); }
.fx-ways__row small .pill { height: 16px; padding: 0 6px; margin-left: 2px; font-size: 11px; letter-spacing: .05em; vertical-align: 1px; }
.fx-ways__row em { font-size: 15px; font-style: normal; font-weight: 600; white-space: nowrap; }
.fx-ways__empty { position: absolute; inset: 0; display: grid; justify-items: center; align-content: center; gap: 4px; text-align: center; font-size: 13px; color: var(--text-3); border-top: 1px solid var(--hairline); }
.fx-ways__empty svg { width: 28px; height: 28px; margin-bottom: 6px; color: var(--ember); }
.fx-ways__empty b { font-size: 16px; font-weight: 600; color: var(--text); }
.fx-ways__foot { display: block; padding-top: 12px; border-top: 1px solid var(--hairline); }
.fx-ways__fly, .fx-ways__dot { position: fixed; left: 0; top: 0; z-index: 60; pointer-events: none; will-change: transform; }
.fx-ways__fly { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px 0 8px; border-radius: 14px; background: var(--raised); border: 1px solid rgba(255, 138, 61, .7); box-shadow: 0 16px 36px rgba(0, 0, 0, .6), 0 0 30px rgba(255, 106, 61, .5); font-size: 14px; font-weight: 600; white-space: nowrap; color: var(--text); }
.fx-ways__fly b { font-weight: 600; margin-right: 4px; }
.fx-ways__dot { z-index: 59; width: 6px; height: 6px; margin: -3px; border-radius: 50%; opacity: 0; background: #FFB07A; box-shadow: 0 0 10px 2px rgba(255, 106, 61, .75); }
.fx-ways__tap { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px; border-radius: 50%; opacity: 0; pointer-events: none; border: 2px solid #FFB07A; }
@keyframes fx-ways-in { from { opacity: 0; transform: translateY(8px); } }
@keyframes fx-ways-side { from { opacity: 0; transform: translateX(28px); } }
@keyframes fx-ways-wait { to { opacity: .45; } }
@keyframes fx-ways-flow { 0% { transform: translateX(-8px); opacity: 0; } 20%, 80% { opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } }
html.sf-fx .fx-ways__static { display: none; }
:where(.fx-ways [data-s]) { border-radius: 8px; }
.fx-ways .armed [data-s]:not(.on) { color: transparent; background: rgba(255, 255, 255, .035); border-color: transparent; box-shadow: none; }
.fx-ways .armed [data-s]:not(.on) > *, .fx-ways .armed svg[data-s]:not(.on) { visibility: hidden; }
.fx-ways .armed:is(.is-scan, .is-linking) [data-s] { animation: fx-ways-wait .7s ease-in-out infinite alternate; }
.fx-ways .armed [data-s].on { animation: fx-ways-in .5s var(--fx-spring) backwards; }
.fx-ways .armed .sugg.on { animation-name: fx-ways-side; }
.fx-ways .armed .cand:not(.on) .check svg { transform: scale(0); }
.fx-ways .armed:not(.is-linking) .fx-ways__link:not(.is-linked) { opacity: .4; }
html.sf-fx:not(.sf-reduced) .fx-ways__step:not(.is-on) .fx-ways__num { color: var(--text-2); background: var(--raised); box-shadow: inset 0 0 0 1px var(--hairline-strong); transform: scale(.86); }
html.sf-fx:not(.sf-reduced) .fx-ways__rail i { transform: scaleY(0); }
html.sf-still .fx-ways .is-linking .fx-ways__wire i, html.sf-still .fx-ways .armed [data-s]:not(.on) { animation: none; }
.fx-ways__tabs, .fx-ways__now, .fx-ways__more { display: none; }
@media (max-width: 999.98px), (max-height: 599.98px) {
  .fx-ways.is-tabs { --row: 44px; }
  .is-tabs .fx-ways__row { line-height: 1.35; }
  .is-tabs .fx-ways__grid { gap: 12px; }
  .is-tabs .fx-ways__tabs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr); gap: 4px; padding: 4px; border-radius: 18px; background: var(--sunken); border: 1px solid var(--hairline-strong); }
  .fx-ways__tab { display: grid; grid-template-rows: 1fr auto; align-items: center; justify-items: center; gap: 6px; min-height: 64px; padding: 8px 2px; border-radius: 14px; outline-offset: 1px; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: center; text-wrap: balance; color: var(--text-2); -webkit-tap-highlight-color: transparent; transition: color .2s, background-color .2s, box-shadow .2s; }
  .fx-ways__tab .pill { letter-spacing: .03em; padding: 0 6px; }
  .fx-ways__tab[aria-selected="true"] { color: var(--text); background: var(--raised); box-shadow: inset 0 0 0 1px rgba(255, 138, 61, .6), 0 8px 20px -10px rgba(255, 106, 61, .55); }
  .is-tabs .fx-ways__now { --top: 56px; position: sticky; top: var(--top); z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; margin: 10px 0 14px; padding: 0 14px; border-radius: 14px; background: #1B1B22; border: 1px solid var(--hairline-strong); box-shadow: 0 14px 24px -14px #000, inset 0 1px 0 rgba(255, 255, 255, .06); font-size: 13px; font-weight: 600; white-space: nowrap; }
  .fx-ways__now b { display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--text-2); }
  .fx-ways__now b::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ember-hot); box-shadow: 0 0 8px var(--ember); }
  .fx-ways__now i { position: absolute; inset: -1px; border-radius: inherit; opacity: 0; pointer-events: none; box-shadow: inset 0 0 0 1px #FFB07A, 0 0 26px rgba(255, 106, 61, .55); }
  .is-tabs .fx-ways__steps { display: block; }
  .is-tabs .fx-ways__step { padding: 0; background: none; border: 0; border-radius: 0; }
  .is-tabs .fx-ways__step:not(.is-sel), .is-tabs .fx-ways__head, .is-tabs .fx-ways__sum, .is-tabs .fx-ways__panel:not(.is-open) :is(.fx-ways__dev, .fx-ways__glow) { display: none; }
  html:not(.sf-reduced) .is-tabs .fx-ways__step { animation: fx-ways-in .35s var(--ease); }
  .is-tabs .fx-ways__body { margin: 0 0 14px; }
  .is-tabs .fx-ways__ctl { margin-top: 4px; min-height: 0; }
  .is-tabs .fx-ways__more { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; padding: 0 18px 0 14px; border-radius: 14px; background: var(--surface); border: 1px solid var(--hairline-strong); font-size: 14px; font-weight: 600; text-align: left; }
  .fx-ways__more i { width: 8px; height: 8px; margin-top: -4px; border: solid var(--ember-hot); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .4s var(--fx-spring); }
  .fx-ways__more[aria-expanded="true"] i { margin-top: 4px; transform: rotate(225deg); }
  .is-tabs .fx-ways__dev { margin-top: 12px; }
  .fx-ways .frame__foot, .fx-ways .sf-info, .fx-ways__msg, .fx-ways__sum, .fx-ways .sf-review-line, .fx-ways .sf-review-sum, .fx-ways .cand .row__amt, .fx-ways .sugg__meta, .fx-ways__on small, .fx-ways__link p, .fx-ways__row small, .fx-ways__sub, .fx-ways .sugg.is-gone::after, .fx-ways__shot-row b, .fx-ways__shot-row span, .fx-ways .fx-ways__foot { font-size: 13px; }
  .fx-ways__link small, .fx-ways__shot-bar { font-size: 12px; }
}
@media (min-width: 641px) { .is-tabs .fx-ways__now { --top: 60px; } }
@media (max-height: 559.98px) { .is-tabs .fx-ways__now { position: static; } }
@media (min-width: 1000px) and (min-height: 600px) {
  .fx-ways__grid { grid-template-columns: minmax(0, 1fr) clamp(360px, 34vw, 408px); gap: clamp(32px, 5vw, 72px); align-items: start; }
  .fx-ways__main, .fx-ways__panel { max-width: none; }
  .fx-ways__steps { gap: 0; padding-left: 64px; }
  .fx-ways__step { padding: 0 0 80px; min-height: min(84vh, 800px); background: none; border: 0; border-radius: 0; }
  .fx-ways__step:last-of-type { min-height: 0; padding-bottom: 0; }
  .fx-ways__num { margin: 0 16px 0 -64px; }
  .fx-ways__rail { display: block; position: absolute; left: 17px; top: 18px; bottom: 0; width: 2px; border-radius: 2px; background: var(--hairline); }
  .fx-ways__rail i { display: block; height: 100%; border-radius: 2px; transform-origin: 0 0; background: linear-gradient(var(--ember-hot), var(--ember-deep)); box-shadow: 0 0 14px rgba(255, 106, 61, .7); }
  .fx-ways__sum { display: none; }
  .fx-ways__panel { --top: clamp(84px, calc(50vh - 290px), 170px); position: sticky; top: var(--top); }
  .fx-ways__glow { inset: -70px; }
  .fx-ways__dev { display: flex; flex-direction: column; max-height: calc(100vh - var(--top) - 16px); }
  .fx-ways__dev > * { flex: none; }
  .fx-ways__well { flex: 0 1 auto; min-height: var(--row); display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); }
  .fx-ways__well::before { content: ''; grid-area: 1 / 1; height: calc(var(--row) * 6 + 1px); }
  .fx-ways__list { grid-area: 1 / 1; overflow: hidden auto; scrollbar-width: thin; scrollbar-color: var(--hairline-strong) transparent; background: linear-gradient(#1B1B22 40%, transparent) 0 0 / 100% 28px no-repeat local, linear-gradient(transparent, #17171D 60%) 0 100% / 100% 28px no-repeat local, linear-gradient(rgba(255, 138, 61, .22), transparent) 0 0 / 100% 16px no-repeat, linear-gradient(transparent, rgba(255, 138, 61, .22)) 0 100% / 100% 16px no-repeat; }
}
@media (min-width: 1000px) and (min-height: 600px) and (max-height: 760px) {
  .fx-ways { --row: 44px; }
  .fx-ways__dev { padding: 16px 20px; }
  .fx-ways__bar { padding-bottom: 10px; margin-bottom: 10px; }
  .fx-ways__total, .fx-ways__count { font-size: 28px; }
  .fx-ways__sub { margin: 4px 0 8px; }
  .fx-ways__foot { padding-top: 8px; }
}
@media (max-width: 640px) {
  .fx-ways__dev { padding: 18px; }
  .fx-ways .cand { height: auto; min-height: 40px; line-height: 1.3; }
  .fx-ways .cand .pill { margin-left: 0; padding: 0 6px; letter-spacing: .04em; }
  .fx-ways__total, .fx-ways__count { font-size: 28px; }
  .fx-ways .sugg { gap: 8px; height: auto; min-height: 60px; padding: 8px 10px; }
  .fx-ways .sugg__meta { white-space: normal; }
  .fx-ways .bridge { height: auto; min-height: 48px; padding: 6px 12px; }
  .fx-ways .sugg__name .pill { display: none; }
  .fx-ways .frame__screen { padding: 14px 12px; }
}
@media (max-width: 480px) {
  .fx-ways__row b { display: block; overflow: hidden; text-overflow: ellipsis; }
  .fx-ways__row b .pill { height: 16px; margin-left: 2px; padding: 0 6px; letter-spacing: .05em; vertical-align: 1px; }
  @supports selector(:has(a)) {
    .fx-ways__row small .pill { position: absolute; right: 0; top: 50%; margin: 2px 0 0; }
    .fx-ways__row:has(small .pill:not([hidden])) em { position: relative; top: -9px; }
  }
}
@media (max-width: 359.98px) {
  .fx-ways__dev { padding: 16px 14px; }
  .fx-ways__row { gap: 8px; }
  .fx-ways__sub { gap: 8px; }
}
@media (max-width: 359px) {
  .is-tabs .fx-ways__tabs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr); }
  .fx-ways__tab .pill { font-size: 11px; letter-spacing: .01em; padding: 0 5px; }
}

/* ── fx/insights.css ── */
#dashboard .ins { position:relative; min-height:0; box-shadow:inset 0 1px 0 #FFF1, 0 48px 90px -48px #000C, 0 0 140px -50px #FF6A3D38 }
#dashboard .ins__spot { position:absolute; inset:-340px auto auto -340px; width:680px; height:680px; border-radius:50%; background:radial-gradient(#FF8A3D1A, #0000 62%); opacity:0; transition:opacity .45s; pointer-events:none; z-index:5 }
#dashboard .ins-h { font-size:13px; margin-bottom:10px }
#dashboard .ins-h .tag { margin-left:8px; font-weight:400; letter-spacing:0 }
#dashboard :is(.stat, .sf-card, .mk__chip) { box-shadow:var(--g, 0 0 #0000), inset 0 1px 0 #FFF1 }
#dashboard .renewals { list-style:none; touch-action:manipulation }
#dashboard .wrap > .dash__ren { margin-top:24px }
#dashboard .oct__cav { margin:10px 2px 0 }
#dashboard :is(.ins-names, .oct__q) { display:none }
#dashboard .frame__foot { text-wrap:pretty }
#dashboard .ins-rise.is-in { transition:opacity .6s var(--ease) calc(var(--i)*90ms), transform .9s var(--fx-spring) calc(var(--i)*90ms), border-color .2s }
#dashboard .is-in :is(.ins-deal, .mk) { transition:opacity .5s var(--ease) var(--t), transform .75s var(--fx-spring) var(--t) }
#dashboard .ins-deal { --t:calc(var(--n)*95ms + 380ms); opacity:var(--o, 1); transform:translateX(var(--x, 0)) }
html.sf-fx:not(.sf-reduced) #dashboard.is-armed .ins-rise:not(.is-in) { --o:0; --x:-20px; --y:-18px; opacity:0; transform:translateY(28px) scale(.98) }
#dashboard .odo { display:inline-flex }
#dashboard .odo__d { height:1.1em; overflow:hidden; mask-image:linear-gradient(#0000, #000 12% 88%, #0000) }
#dashboard .odo__d span { display:block; white-space:pre; line-height:1.1 }
#dashboard .ai-card { --g:0 0 40px #FF6A3D1F; position:relative; overflow:hidden }
#dashboard .ai-card::after { content:''; position:absolute; inset:-40% -60%; background:linear-gradient(105deg, #0000 43%, #FF8A3D33 50%, #0000 57%); transform:translateX(70%); pointer-events:none }
html.sf-fx #dashboard .is-in .ai-card::after { animation:ins-sweep 1.6s var(--ease) .55s backwards }
@keyframes ins-sweep { from { transform:translateX(-70%) } }
#dashboard .dash__cats { display:flex; flex-direction:column }
#dashboard .dash__cats .sf-card { flex:1; display:flex; padding:18px 16px }
#dashboard .bars { flex:1; justify-content:space-around; gap:18px }
#dashboard .bar__fill { transform-origin:0; background:linear-gradient(90deg, color-mix(in srgb, var(--c) 45%, #0000), var(--c)); transition:.2s }
#dashboard .oct { padding:0 }
#dashboard .oct__read { display:grid; grid-template-columns:150px 1fr minmax(0, 360px); gap:0 28px; padding:16px 20px 12px; border-bottom:1px solid var(--hairline) }
#dashboard .oct__val { font-size:22px; font-weight:700; line-height:1.25; margin-top:4px }
#dashboard .oct__next .oct__val { font-size:15px; font-weight:600; margin-top:9px; color:var(--ember-hot); text-wrap:balance }
#dashboard .oct__info { grid-column:2; min-height:3em; line-height:1.5 }
#dashboard .oct__rem { display:block }
#dashboard .oct__sum { grid-area:1 / 3 / 3 }
#dashboard .oct__total { display:inline-block; transform-origin:0 70%; font-size:28px; font-weight:700; line-height:1.2; font-variant-numeric:tabular-nums }
#dashboard .oct__scroll { overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; touch-action:manipulation }
#dashboard .oct__stage { position:relative; min-width:900px; padding:40px 40px 16px }
#dashboard .oct__fx { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:4 }
#dashboard .oct__track { position:relative; min-height:304px; padding-top:198px; -webkit-tap-highlight-color:transparent }
#dashboard :is(.oct__days span, .mk, .bell) { position:absolute; left:calc((var(--d) - 1)/30*100%) }
#dashboard .oct__axis { position:absolute; inset:111px 0 auto; height:3px; border-radius:2px; background:var(--hairline-strong) }
#dashboard .oct__axis i { display:block; height:100%; border-radius:2px; background:var(--forge); box-shadow:0 0 14px #FF6A3DB3; transform-origin:0; transform:scaleX(0) }
#dashboard .oct__days { position:absolute; inset:0; cursor:pointer }
#dashboard .oct__days span { top:133px; width:22px; margin-left:-11px; text-align:center; font-size:11px; line-height:18px; color:var(--text-2) }
#dashboard .oct__days span::before { content:''; position:absolute; left:50%; top:-14px; width:1px; height:6px; background:var(--hairline-strong) }
#dashboard .oct__days .is-past { color:var(--text-3) }
#dashboard .oct__days .is-now { z-index:2; border-radius:9px; background:var(--forge); color:var(--ink); font-weight:700 }
#dashboard .oct__line { position:absolute; left:-1px; top:-28px; width:2px; height:218px; z-index:1; pointer-events:none; background:linear-gradient(#0000, var(--ember-hot) 18%, var(--ember) 72%, #0000) }
#dashboard .oct__knob { position:absolute; left:-22px; top:90px; width:44px; height:44px; z-index:3; border-radius:50%; display:grid; place-items:center; cursor:grab; touch-action:pan-y }
#dashboard .oct__knob::before, #dashboard .oct__knob i { content:''; grid-area:1 / 1; width:24px; height:24px; border-radius:50% }
#dashboard .oct__knob::before { background:var(--forge); box-shadow:0 0 0 4px #FF6A3D38, 0 0 26px #FF6A3DB3, inset 0 1px 0 #FFF7; transition:transform .25s var(--fx-spring) }
#dashboard :is(.oct__knob:hover, .is-drag .oct__knob)::before { transform:scale(1.25) }
#dashboard .oct__knob i { border:2px solid var(--ember-hot); opacity:0 }
#dashboard .is-idle .oct__knob i { animation:ins-pulse 2s ease-out 3 }
html.sf-still #dashboard .is-idle .oct__knob i { animation:none }
@keyframes ins-pulse { from { opacity:.9; transform:scale(1) } 70%, to { opacity:0; transform:scale(2.3) } }
#dashboard .mk { --t:calc(var(--d)*20ms + 250ms); z-index:2; bottom:calc(100% - 112px); padding-bottom:84px; opacity:var(--o, 1); transform:translate(calc(var(--p, 50%)*-1), var(--y, 0)); text-align:left; pointer-events:none }
#dashboard .mk--lo { padding-bottom:22px }
#dashboard .mk::before, #dashboard .mk::after { content:''; position:absolute; left:var(--p, 50%); bottom:0 }
#dashboard .mk::before { top:44px; width:1px; background:linear-gradient(var(--hairline), #FFF5) }
#dashboard .mk::after { width:9px; height:9px; margin:0 0 -5px -4.5px; border-radius:50%; background:var(--f, var(--bg)); border:2px solid var(--k, var(--text-2)); box-shadow:0 0 12px var(--f, #0000) }
#dashboard .mk__chip { --g:var(--s, 0 8px 18px -10px #000B); position:relative; display:flex; align-items:center; gap:8px; height:44px; padding:0 12px 0 8px; border-radius:14px; white-space:nowrap; pointer-events:auto; background:var(--b, var(--raised)); border:1px solid var(--e, var(--hairline-strong)); transform:translateY(var(--l, 0)); transition:.25s, transform .3s var(--fx-spring) }
#dashboard .mk .avatar { opacity:var(--a, 1); transition:.25s }
#dashboard .mk__txt { display:grid; line-height:1.25 }
#dashboard .mk__txt b { font-size:12px; font-weight:600; color:var(--n, inherit) }
#dashboard .mk__txt span { font-size:11px; color:var(--m, var(--text-2)) }
#dashboard .mk__flag { position:absolute; top:-10px; right:8px; height:16px; padding:0 6px; font-size:10px }
#dashboard .mk__flag:empty { display:none }
#dashboard .mk--trial { --b:linear-gradient(#FFC53D1A, #FFC53D1A), var(--raised); --e:#FFC53D66; --m:var(--warning) }
#dashboard .mk[data-s="next"] { --e:var(--ember); --s:0 0 0 3px #FF6A3D24, 0 0 30px #FF6A3D4D; --k:var(--ember-hot); --f:var(--ember) }
#dashboard .mk[data-s="now"] { --e:var(--ember-hot); --b:linear-gradient(#FF6A3D33, #FF6A3D33), var(--raised); --s:0 0 0 3px #FF8A3D3D, 0 0 40px #FF6A3D80; --k:var(--ember-hot); --f:var(--ember); --l:-4px }
#dashboard .mk[data-s="past"] { --b:var(--surface); --e:var(--hairline); --s:0 0 #0000; --k:var(--ember-deep); --n:var(--text-2); --m:var(--text-3); --a:.45 }
#dashboard .mk:is(:hover, :focus-visible) { --e:#FFF6; --l:-3px; z-index:3; outline:0 }
#dashboard .mk:focus-visible .mk__chip { outline:2px solid var(--ember-hot); outline-offset:3px }
#dashboard .bell { z-index:1; top:161px; width:24px; height:24px; margin-left:-12px; border-radius:50%; display:grid; place-items:center; background:var(--sunken); border:1px dashed #FFF4; color:var(--text-3) }
#dashboard .bell svg { width:13px; height:13px }
#dashboard .bell.is-on { color:var(--warning); background:#FFC53D24; border:1px solid #FFC53D8C }
#dashboard .oct__note { position:relative; z-index:2; width:360px; min-height:0; align-items:center; padding:10px 12px; transition:border-color .25s, box-shadow .25s, transform .5s var(--fx-spring) }
#dashboard .oct__note::before { content:''; position:absolute; left:var(--c); top:-13px; width:1px; height:12px; background:#FFF4 }
#dashboard .oct__note .notif__app { flex-wrap:wrap; gap:0 12px }
#dashboard .oct__note .notif__body { white-space:normal }
#dashboard .oct__note[data-s="now"] { border-color:#FF8A3DBF; box-shadow:0 0 0 3px #FF6A3D26, 0 0 44px #FF6A3D52 }
#dashboard .oct__foot { display:flex; align-items:center; flex-wrap:wrap; gap:4px 20px; padding:10px 20px; border-top:1px solid var(--hairline); font-size:12px; line-height:1.5; color:var(--text-3) }
#dashboard .oct__foot p { flex:1; min-width:200px }
#dashboard .oct__foot :is(b, .btn) { font-weight:600; color:var(--text-2) }
#dashboard .oct__foot .btn { min-height:44px; padding:0 4px }
#dashboard .oct__short { display:none }
html.sf-reduced #dashboard .oct__foot .btn { display:none }
@media (hover:hover) and (pointer:fine) {
  #dashboard .bars:hover .bar:not(:hover) .bar__fill { opacity:.4 }
}
@media (max-width:1100px) {
  #dashboard .oct__next .oct__val { min-height:2.5em }
}
@media (max-width:1023px) {
  #dashboard .oct__read { grid-template-columns:1fr 1fr }
  #dashboard .oct__sum { grid-area:auto / 1 / auto / -1; margin-top:10px }
  #dashboard .oct__scroll { -webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 12px), #0000); mask-image:linear-gradient(90deg, #000 calc(100% - 12px), #0000) }
  #dashboard .oct__note { position:sticky; left:12px; margin-left:-16px; max-width:calc(100vw - 2*var(--gutter) - 26px); transform:none !important }
  #dashboard .oct__note::before { display:none }
}
@media (max-width:640px) {
  #dashboard .dash { padding:12px; gap:8px }
  #dashboard .frame__foot { padding:8px 4px 8px 12px; letter-spacing:-.025em }
  #dashboard .ins-h { margin-bottom:8px }
  #dashboard .stat { display:flex; flex-direction:column; justify-content:space-between; padding:10px 12px }
  #dashboard .stat__lbl { letter-spacing:.06em; line-height:1.3 }
  #dashboard .ai-card { display:flex; flex-wrap:wrap; align-items:center; padding:10px }
  #dashboard .ai-top { flex:0 0 100%; flex-wrap:wrap; font-size:14px; line-height:1.25 }
  #dashboard .ai-year { flex:1; margin:2px 0 0; font-size:13px; line-height:1.3; text-wrap:balance }
  #dashboard .ai-card .row { position:relative; height:auto; margin-left:-5px }
  #dashboard .ai-card .avatar { --size:24px; box-shadow:0 0 0 2px var(--surface) }
  #dashboard :is(.ai-card :is(.row__name, .row__amt), .oct__long) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
  #dashboard .dash__cats .sf-card { padding:10px }
  #dashboard .bars { gap:8px; justify-content:space-between }
  #dashboard .bar { position:relative }
  #dashboard .bar__meta { margin-bottom:3px }
  #dashboard .bar__track { height:6px; margin-right:36px }
  #dashboard .bar__amt .tag { position:absolute; right:0; bottom:-5px }
  #dashboard .ins-names { display:block; grid-column:1 / -1; margin:-2px 2px 0; font-size:11px; color:var(--text-2) }
  #dashboard .wrap > .dash__ren { margin-top:12px }
  #dashboard .renewals { margin:0 -16px; padding:0 16px 8px; scroll-padding-inline:16px }
  #dashboard .oct ~ .oct__cav .oct__q { display:inline }
  #dashboard .oct__cav { margin:6px 0 0; letter-spacing:-.01em }
  #dashboard .oct__read { padding:12px 14px 10px; gap:0 14px; grid-template-columns:104px 1fr }
  #dashboard .oct__val { font-size:18px }
  #dashboard .oct__next .oct__val { font-size:13px; margin-top:6px }
  #dashboard .oct__info { grid-column:1 / -1; min-height:0; margin-top:4px; font-size:13px }
  #dashboard .oct__rem { display:none }
  #dashboard .oct__sum { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:2px 12px; margin-top:6px; padding-top:6px; border-top:1px solid var(--hairline) }
  #dashboard .oct__amt { grid-area:1 / 1; min-width:84px }
  #dashboard .oct__total { font-size:22px }
  #dashboard .oct__sum .tag { grid-column:1 / -1 }
  #dashboard .oct__stage { min-width:896px; padding:32px 28px 10px }
  #dashboard .oct__track { min-height:0; padding-top:194px }
  #dashboard .mk__txt :is(b, span) { font-size:13px }
  #dashboard .mk__flag { height:17px; font-size:11px }
  #dashboard .oct__note { display:grid; grid-template-columns:18px 1fr; align-content:center; gap:0 6px; left:8px; margin:0 -20px; max-width:calc(100vw - 2*var(--gutter) - 18px); padding:8px }
  #dashboard .oct__note .notif__mark { width:18px; height:18px }
  #dashboard .oct__note .notif__text { display:contents }
  #dashboard .oct__note :is(.notif__title, .notif__body) { grid-column:1 / -1 }
  #dashboard .oct__note .notif__title { font-size:13px }
  #dashboard .oct__note .notif__body { letter-spacing:-.015em }
  #dashboard .oct__foot { flex-wrap:nowrap; gap:12px; min-height:48px; padding:2px 8px 2px 14px; font-size:13px }
  #dashboard .oct__foot p { min-width:0; text-wrap:balance }
  #dashboard .oct__short { display:inline }
}
@media (max-width:640px) {
  #dashboard .dash__ai { grid-column:span 5; display:flex; flex-direction:column }
  #dashboard .dash__cats { grid-column:span 7 }
  #dashboard .ai-card { flex:1; align-content:space-between }
  #dashboard .ai-top .amt { flex:0 0 100%; margin:2px 0 0; font-size:12px }
  #dashboard .ai-top [data-count] { font-size:19px }
  #dashboard .ai-year { flex:0 0 100%; margin:2px 0 8px }
  #dashboard .ai-card .row:nth-child(3) { margin-left:0 }
}
@media (min-width:360px) and (max-width:640px) {
  #dashboard .frame__tag { flex-basis:auto; margin-left:auto; white-space:nowrap }
}
@media (max-width:374px) {
  #dashboard .deck { letter-spacing:-.015em }
}
@media (max-width:339px) {
  #dashboard .dash, #dashboard :is(.ai-card, .dash__cats .sf-card) { padding:8px }
  #dashboard .ai-top [data-count] { font-size:18px }
  #dashboard .bar__meta span:first-child { letter-spacing:-.02em }
  #dashboard .oct__next .oct__val { min-height:3.75em }
}
@media print {
  #dashboard * { transition:none !important }
}

/* ── fx/changes.css ── */
.fx-changes .fxc-stage { perspective: 1400px; }
.fx-changes .fxc-frame { --s: rgba(255,180,130,.08); position: relative; transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transition: transform .5s var(--ease); box-shadow: 0 44px 80px -48px #000; -webkit-tap-highlight-color: transparent; }
.fx-changes .frame__screen { position: relative; overflow: hidden; }
.fx-changes .fxc-glare, .fx-trust .fxt-spot { position: absolute; inset: -280px auto auto -280px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, var(--s), transparent 64%); opacity: 0; transition: opacity .45s; pointer-events: none; }
.fx-changes .is-hot > .fxc-glare, .fx-trust .is-hot > .fxt-spot { opacity: 1; }
.fx-changes .fxc-sparks { position: absolute; inset: 0; z-index: 6; width: 100%; height: 100%; pointer-events: none; mix-blend-mode: screen; }
.fx-changes .feed-head { transition: opacity .3s; }
.fx-changes .is-alert .feed-head { opacity: 0; }
.fx-changes .dot { box-shadow: 0 0 10px rgba(255,106,61,.75); transition: transform .45s var(--fx-pop), opacity .3s; }
.fx-changes .fxc-feed { position: relative; display: flex; flex-direction: column; gap: 10px; }
.fx-changes .fxc-empty { display: none; }
.fx-changes :is(.tile, .tile__icon) { position: relative; }
.fx-changes .tile__title { line-height: 1.3; }
.fx-changes .tile__sub, .fx-changes .fxc-banner__msg { font-variant-numeric: tabular-nums; }
.fx-changes .tile__dot { transition: transform .4s cubic-bezier(.5,-.7,.7,.4) calc(var(--i) * 80ms), opacity .25s calc(var(--i) * 80ms + 150ms); }
.fx-changes .is-read .dot, .sf-fx .fx-changes .is-wait .feed-head .dot { transform: scale(0); opacity: 0; }
.fx-changes .is-read .feed-head .dot { transition-delay: .45s; }
.fx-changes .fxc-new { color: var(--text); font-weight: 600; }
.fx-changes .fxc-pct { display: inline-block; color: var(--danger); font-weight: 600; white-space: nowrap; transform-origin: 0 60%; }
.fx-changes .fxc-pct svg { display: inline; vertical-align: -1px; width: 12px; height: 12px; stroke-dasharray: 1; }
.fx-changes :is(.tile, .tile__icon)::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; opacity: 0; pointer-events: none; }
.fx-changes .tile::after { border: 1px solid var(--ember-hot); box-shadow: 0 0 30px rgba(255,106,61,.32); }
.fx-changes .tile__icon::after { inset: -9px; border-radius: 50%; background: radial-gradient(circle, var(--tint), transparent 68%); }
.fx-changes .fxc-banner { position: absolute; z-index: 5; inset: 6px 6px auto; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 18px; background: var(--raised); border: 1px solid var(--hairline-strong); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 30px -12px #000; font-size: 13px; line-height: 1.35; transform: translateY(-130%); transition: transform .3s cubic-bezier(.6,0,.9,.4); }
.fx-changes :is(.fxc-banner, .fxc-bar)[hidden] { display: none; }
.fx-changes .fxc-banner.is-on { transform: none; transition: transform .75s var(--fx-spring); }
.fx-changes .fxc-banner svg { flex: none; width: 36px; height: 36px; }
.fx-changes .fxc-banner div { flex: 1; min-width: 0; color: var(--text-2); }
.fx-changes .fxc-banner__app { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; }
.fx-changes .fxc-banner b { font-weight: 600; color: var(--text); }
.fx-changes .fxc-banner__msg span { white-space: nowrap; }
.fx-changes .fxc-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0 16px; margin-top: 6px; padding: 0 4px; font-size: 13px; line-height: 1.4; color: var(--text-3); }
.fx-changes .fxc-hint { flex: 1 1 240px; padding: 4px 0; text-wrap: balance; }
.fx-changes .fxc-ctl { display: flex; gap: 12px; transition: opacity .5s; }
.fx-changes .fxc-stage:not(.is-ready) .fxc-ctl { opacity: 0; visibility: hidden; }
.fx-changes .fxc-ctl .btn { min-height: 44px; padding: 0 6px; }
.fx-changes .fxc-ctl [aria-disabled] { opacity: .4; }
.sf-reduced .fx-changes .fxc-replay { display: none; }
.sf-fx .fx-changes .is-armed .tile { transition: opacity .22s; }
.sf-fx .fx-changes .is-armed .tile:not(.is-on),
.sf-fx .fx-changes .is-armed .tile:not(.is-m1) :is(.fxc-arrow, .fxc-new),
.sf-fx .fx-changes .is-armed .tile:not(.is-m2) .fxc-pct { opacity: 0; }
.sf-fx .fx-changes .is-armed .tile:not(.is-m2) path { stroke-dashoffset: 1; }
.sf-fx .fx-changes .is-armed .fxc-empty { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 6px; padding: 0 24px; text-align: center; font-size: 13px; color: var(--text-3); opacity: 0; transition: opacity .3s; }
.sf-fx .fx-changes .is-wait .fxc-empty { opacity: 1; }
.fx-changes .fxc-empty b { font-size: 15px; font-weight: 600; color: var(--text-2); }
.fx-changes .fxc-pulse { position: relative; width: 10px; height: 10px; margin-bottom: 14px; border-radius: 50%; background: var(--ember); box-shadow: 0 0 14px var(--ember); }
.fx-changes .fxc-pulse::after { content: ''; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid var(--ember); opacity: 0; }
.fx-changes .is-live.is-wait .fxc-pulse::after { animation: fxc-ring 1.4s cubic-bezier(.2,.6,.4,1) infinite; }
.sf-still .fx-changes .is-live.is-wait .fxc-pulse::after { animation: none; }
.fx-changes .is-lit { z-index: 2; }
.fx-changes .is-lit::after { animation: fxc-edge 1.3s ease-out; }
.fx-changes .is-lit .tile__icon::after { animation: fxc-flare .95s ease-out; }
.fx-changes .is-lit .tile__icon svg { animation: fxc-pop .6s var(--fx-pop) .08s backwards; }
.fx-changes .is-armed .is-on .tile__dot { animation: fxc-pop .5s var(--fx-pop) .32s backwards; }
.fx-changes .is-m1 :is(.fxc-arrow, .fxc-new) { transition: opacity .25s, color .7s; }
.fx-changes .is-roll .fxc-new { color: var(--ember-hot); transition-duration: .1s; }
.fx-changes .is-armed .is-m2 .fxc-pct { animation: fxc-pop .55s var(--fx-pop) backwards; }
.fx-changes .is-m2 path { transition: stroke-dashoffset .5s var(--ease) .25s; }
@keyframes fxc-ring { from { opacity: .8; } to { opacity: 0; transform: scale(5.5); } }
@keyframes fxc-pop { from { opacity: 0; transform: scale(0); } }
@keyframes fxc-edge { from { opacity: 1; } }
@keyframes fxc-flare { from { opacity: .8; transform: scale(.4); } to { transform: scale(1.6); } }
.fx-changes .pinned { position: relative; box-shadow: 0 40px 70px -50px #000; }
.fx-changes .pinned::before { content: ''; position: absolute; inset: 24px auto 24px -1px; width: 2px; border-radius: 2px; background: linear-gradient(var(--ember-hot), var(--ember-deep)); box-shadow: 0 0 14px rgba(255,106,61,.7); transform-origin: top; }
.fx-changes .pinned .pinned__lbl { font-size: 11px; margin-top: 22px; }
.fx-changes .pinned .hl { background: linear-gradient(90deg, var(--ember-hot), var(--ember-deep)) 0 100% / 100% 2px no-repeat, rgba(255,106,61,.16); padding-bottom: 1px; }
.sf-fx .fx-changes .pinned.is-armed { opacity: 0; transform: translateY(32px); }
.sf-fx .fx-changes .pinned.is-armed > *, .sf-fx .fx-changes .pinned.is-armed .pill { opacity: 0; transform: translateY(10px) scale(.96); }
.sf-fx .fx-changes .pinned.is-armed::before { transform: scaleY(0); }
.sf-fx .fx-changes .pinned.is-armed .hl { background-size: 0 2px, auto; }
.fx-changes .pinned.is-in { transition: opacity .5s, transform .9s var(--fx-spring); }
.fx-changes .pinned.is-in::before { transition: transform .9s var(--ease) .25s; }
.fx-changes .pinned.is-in > * { --d: calc(var(--i, 5) * 85ms + 180ms); transition: opacity .55s var(--ease) var(--d), transform .7s var(--ease) var(--d); }
.fx-changes .pinned.is-in .hl { transition: background-size .7s var(--ease) calc(var(--d) + 380ms); }
.fx-changes .pinned.is-in .pill { --d: calc(var(--i) * 70ms + 720ms); transition: opacity .4s var(--d), transform .6s var(--fx-pop) var(--d); }
.fx-trust .cancan { gap: 24px; }
.fx-trust .cancan__col { --c: var(--text-3); --s: rgba(255,255,255,.055); position: relative; overflow: hidden; padding: 28px 28px 10px; border-radius: 24px; background: linear-gradient(var(--raised), var(--surface) 60%); border: 1px solid var(--hairline); box-shadow: 0 50px 70px -50px #000; }
.fx-trust .cancan__col--can { --c: var(--success); --s: rgba(61,214,140,.09); }
.fx-trust .cancan__col::before { content: ''; position: absolute; inset: 0 28px auto; height: 1px; background: linear-gradient(90deg, transparent, var(--c), transparent); opacity: .65; }
.fx-trust .cancan__lbl { border-bottom-color: var(--hairline-strong); }
.fx-trust .cancan__col--can .cancan__lbl { color: var(--c); }
.fx-trust .cancan__list { list-style: none; }
.fx-trust .cancan__row { position: relative; z-index: 1; }
.fx-trust .cancan__row:last-child { border-bottom: 0; }
.fx-trust .fxt-g { width: 22px; height: 22px; margin-top: 2px; stroke: var(--c); stroke-dasharray: 1; }
.fx-trust .cancan__col--cant .fxt-g { stroke: var(--text-2); }
.sf-fx .fx-trust .is-armed, .sf-fx .fx-trust .is-armed .cancan__row { opacity: 0; }
.sf-fx .fx-trust .is-armed .cancan__row { transform: translateY(10px); }
.sf-fx .fx-trust .is-armed .fxt-g * { stroke-dashoffset: 1; opacity: 0; }
.sf-fx .fx-trust .is-armed .hl { background-color: transparent; }
.fx-trust .is-in { transition: opacity .45s; }
.fx-trust .is-in .cancan__row { --d: calc(var(--i) * 95ms + 420ms); transition: opacity .5s var(--ease) var(--d), transform .7s var(--ease) var(--d); }
.fx-trust .is-in .fxt-g * { --g: calc(var(--d) + 80ms); transition: stroke-dashoffset .5s var(--ease) var(--g), opacity .1s var(--g); }
.fx-trust .is-in .fxt-g .b { --g: calc(var(--d) + 360ms); }
.fx-trust .is-in .fxt-g .c { --g: calc(var(--d) + 520ms); }
.fx-trust .is-in .hl { animation: fxt-hl 1.2s var(--ease) calc(var(--d) + 500ms) backwards; }
@keyframes fxt-hl { 0% { background-color: transparent; } 35% { background-color: rgba(255,138,61,.62); box-shadow: 0 0 18px rgba(255,106,61,.5); } }
.fx-trust .fxt-tabs { display: none; }
.fx-trust .is-swap .cancan__row { animation: fxt-swap .45s var(--ease) calc(var(--i) * 35ms) backwards; }
.fx-trust .is-quick.is-in .cancan__row { --d: calc(var(--i) * 60ms + 120ms); }
@keyframes fxt-swap { from { opacity: 0; transform: translateY(8px); } }
@media (max-width: 640px) {
  .fx-changes .sec__head { margin-bottom: 16px; }
  .fx-changes .split { gap: 10px; }
  .fx-changes .frame__label { display: none; }
  .fx-changes .frame__tag { flex: 0 1 auto; margin-left: auto; }
  .fx-changes .frame__screen { padding: 10px; gap: 8px; }
  .fx-changes .fxc-feed { gap: 6px; }
  .fx-changes .tile { gap: 10px; padding: 8px 10px; }
  .fx-changes .tile__icon { width: 34px; height: 34px; }
  .fx-changes .tile__icon svg { width: 18px; height: 18px; }
  .fx-changes .tile__title { font-size: 14px; letter-spacing: -.01em; }
  .fx-changes .fxc-bar { flex-wrap: nowrap; gap: 0 8px; margin-top: 0; }
  .fx-changes .fxc-hint { flex: 1 1 0; min-height: 4.2em; padding: 0; align-content: center; }
  .fx-changes .fxc-ctl { gap: 4px; }
  .fx-changes .fxc-stage:not(.is-ready) .fxc-ctl { display: none; }
  .fx-changes .pinned { padding: 14px 16px; }
  .fx-changes .pinned h3 { font-size: 17px; }
  .fx-changes .pinned p { margin-top: 9px; font-size: 14px; line-height: 1.45; }
  .fx-changes .pinned .hl { font-size: 13px; }
  .fx-changes .pinned .pinned__lbl { margin-top: 12px; font-size: 11px; }
  .fx-changes .chips { flex-wrap: nowrap; margin: 3px -16px -5px; padding: 5px 16px; overflow-x: auto; touch-action: pan-x pan-y; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 68px), transparent calc(100% - 26px)); mask-image: linear-gradient(90deg, #000 calc(100% - 68px), transparent calc(100% - 26px)); }
  .fx-changes .chips::-webkit-scrollbar { display: none; }
  .fx-changes .chips::after { content: ''; flex: none; width: 40px; }
  .fx-changes .chips .pill { flex: none; }
  .fx-changes .pinned.is-end .chips, .fx-changes .chips:focus-visible { -webkit-mask-image: none; mask-image: none; }
  .fx-changes .chips:focus-visible { outline-offset: -2px; border-radius: 14px; }
  .fx-changes .pinned::after { content: '→'; position: absolute; right: 4px; bottom: 14px; display: grid; place-content: center; width: 24px; height: 24px; font-size: 15px; line-height: 1; color: var(--ember-hot); pointer-events: none; transition: opacity .25s; }
  .fx-changes .pinned.is-end::after { opacity: 0; }
  .fx-changes .pinned:has(.chips:focus-visible)::after { opacity: 0; }
  .fx-trust .sec__head { margin-bottom: 20px; }
  .fx-trust .cancan { gap: 12px; }
  .fx-trust .cancan__col { padding: 14px 16px 2px; border-radius: 18px; }
  .fx-trust .cancan__col::before { inset: 0 16px auto; }
  .fx-trust .cancan__lbl { padding-bottom: 8px; font-size: 13px; }
  .fx-trust .cancan__row { gap: 12px; padding: 10px 0; font-size: 15px; line-height: 1.4; }
  .fx-trust .fxt-g { width: 20px; height: 20px; margin-top: 1px; }
  .fx-trust .cancan__close { padding-top: 2px; font-size: 14px; line-height: 1.5; }
}
@media (max-width: 359px) {
  .fx-changes .frame__tag { flex-basis: 100%; }
  .fx-changes .fxc-bar { flex-wrap: wrap; }
  .fx-changes .fxc-hint { flex: 1 1 100%; min-height: calc(2.8em + 4px); padding-top: 4px; }
  .fx-changes .fxc-stage:not(.is-ready) .fxc-ctl { display: flex; }
}
@media screen and (max-width: 640px) {
  .fx-trust .is-tabs .fxt-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 18px; background: var(--sunken); border: 1px solid var(--hairline); }
  .fx-trust .fxt-tab { min-height: 44px; border-radius: 14px; font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--text-2); -webkit-tap-highlight-color: transparent; transition: background-color .2s, color .2s; }
  .fx-trust .fxt-tab[aria-selected="true"] { background: var(--raised); color: var(--text); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px var(--hairline-strong); }
  .fx-trust .fxt-tab:last-child[aria-selected="true"] { color: var(--success); }
  .fx-trust .fxt-tab:focus-visible { outline-offset: 1px; border-radius: 14px; }
  .fx-trust .is-tabs .cancan__col { padding-top: 4px; }
  .fx-trust .is-tabs .is-off { display: none; }
  .fx-trust .is-tabs .cancan__col:focus-visible { border-radius: 18px; }
  .fx-trust .is-tabs .cancan__lbl { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); }
}
@media print {
  .sf-fx :is(.fx-changes, .fx-trust) :is(.is-armed, .is-armed *) { opacity: 1 !important; transform: none !important; stroke-dashoffset: 0 !important; }
  .fx-changes :is(.fxc-empty, .fxc-banner, .fxc-bar, .fxc-glare), .fx-changes .pinned::after, .fx-trust .fxt-spot { display: none !important; }
  .fx-changes .chips { flex-wrap: wrap; overflow: visible; -webkit-mask-image: none; mask-image: none; }
}

/* ── fx/story.css ── */
.fx-ai .st { position: relative; }
html.sf-fx .fx-ai .is-pin::after { content: ''; display: block; height: min(100vh, 1000px); }
html.sf-fx .fx-ai .is-pin .st { position: sticky; top: var(--st-top, 88px); }
.fx-ai .st-shelf { position: relative; display: grid; grid-template-columns: 232px 1fr; gap: 28px; align-items: center; padding: 22px 24px 30px; border-radius: 24px; background: linear-gradient(180deg, rgba(185, 140, 255, .09), transparent 62%), var(--surface); border: 1px solid var(--hairline-strong); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 30px 60px -36px #000; }
.fx-ai .st-shelf::after { content: ''; position: absolute; left: 24px; right: 24px; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--ember), transparent); opacity: .75; }
.fx-ai .st-lbl { font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ai); }
.fx-ai .st-total { position: relative; margin-top: 6px; font-size: 46px; font-weight: 700; letter-spacing: -.025em; line-height: 1.05; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fx-ai .st-total small { font-size: 14px; font-weight: 600; letter-spacing: 0; color: var(--ember-hot); }
.fx-ai .st-delta { position: absolute; right: 12px; top: -21px; font-size: 14px; letter-spacing: 0; color: var(--ember-hot); opacity: 0; pointer-events: none; }
.fx-ai .st-delta.is-down { color: var(--success); }
.fx-ai .st-count { margin-top: 6px; font-size: 13px; color: var(--text-2); }
.fx-ai .st-tag { position: absolute; right: 18px; bottom: 9px; }
.fx-ai .tag { color: var(--text-2); }
.fx-ai .st-chips { position: relative; list-style: none; display: flex; flex-wrap: wrap; align-content: center; gap: 10px; min-height: 116px; }
.fx-ai .st-chip { position: relative; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-radius: 14px; background: var(--raised); border: 1px solid var(--hairline-strong); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 20px -12px #000; }
.fx-ai .st-chip::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; box-shadow: 0 0 0 1px var(--ember-hot), 0 0 26px 2px rgba(255, 106, 61, .7); opacity: 0; pointer-events: none; }
.fx-ai .st-chip.is-pop::after { animation: st-pop .9s var(--d, 0ms) ease-out both; }
.fx-ai .st-av { --cat: var(--text-3); }
.fx-ai .st-txt { display: flex; flex-direction: column; }
.fx-ai .st-name { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; line-height: 1.3; white-space: nowrap; }
.fx-ai .st-amt, .fx-ai .st-note { font-size: 12px; line-height: 1.3; color: var(--text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fx-ai .st-amt i { font-style: normal; }
.fx-ai .st-note, .fx-ai .st-x, .fx-ai .is-out .st-amt, .fx-ai .is-sugg .st-amt, .fx-ai .is-ghost .st-amt, .fx-ai .is-out .pill { display: none; }
.fx-ai .is-out .st-note, .fx-ai .is-sugg .st-note, .fx-ai .is-ghost .st-note { display: block; }
.fx-ai .is-out, .fx-ai .is-ghost { background: none; border-style: dashed; box-shadow: none; }
.fx-ai .is-out .st-name, .fx-ai .is-ghost .st-name { color: var(--text-2); text-decoration: line-through; text-decoration-color: var(--text-3); }
.fx-ai .is-out .avatar, .fx-ai .is-ghost .avatar { filter: grayscale(1); }
.fx-ai .is-sugg { background: var(--ember-faint); border: 1px dashed var(--ember); }
.fx-ai .is-sugg .st-note { color: var(--ember-hot); font-weight: 600; }
.fx-ai .is-sugg .st-x { position: relative; display: block; flex: none; width: 24px; height: 24px; margin-left: 2px; padding: 5px; border-radius: 50%; color: var(--text); background: rgba(255, 255, 255, .14); }
.fx-ai .st-x::before, .fx-ai .st-x::after { content: ''; position: absolute; inset: -10px; border-radius: 50%; }
.fx-ai .st-x::after { inset: -2px; border: 2px solid #fff; opacity: 0; }
.fx-ai .st-x svg { display: block; width: 100%; height: 100%; }
.fx-ai .st-x:hover { background: rgba(255, 255, 255, .26); }
.fx-ai .st-x.is-tap { animation: st-press .42s ease-out; }
.fx-ai .st-x.is-tap::after { animation: st-ring .42s ease-out; }
.fx-ai .is-leaving { position: absolute; margin: 0; pointer-events: none; }
html.sf-fx .fx-ai .st-chip.is-out { display: none; }
.fx-ai .st-track { position: relative; margin: 26px 0 18px; }
.fx-ai .st-rail { position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: 2px; background: var(--hairline-strong); }
.fx-ai .st-fill { position: absolute; inset: 0; border-radius: 2px; background: linear-gradient(90deg, var(--ember-deep), var(--ember-hot)); box-shadow: 0 0 14px rgba(255, 106, 61, .75); transform-origin: 0 0; }
.fx-ai .st-head { position: absolute; left: -5px; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(255, 138, 61, .55), 0 0 22px 7px rgba(255, 106, 61, .85); opacity: 0; transition: opacity .3s; }
.fx-ai .is-jump .st-fill, .fx-ai .is-jump .st-head { transition: transform .6s var(--ease), opacity .3s; }
.fx-ai .st-tabs { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; justify-items: center; }
.fx-ai .st-tab { position: relative; z-index: 0; display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px 0 12px; border-radius: 999px; background: var(--bg); border: 1px solid var(--ember); color: var(--text); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.fx-ai .st-tab::before { content: ''; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: var(--forge); box-shadow: 0 0 26px rgba(255, 106, 61, .45); opacity: 0; transition: opacity .3s; }
.fx-ai .st-tab::after { content: ''; position: absolute; inset: -5px 0; }
.fx-ai .st-tab i { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--ember-hot); box-shadow: 0 0 10px var(--ember); }
.fx-ai .st-tab i::after { content: ''; position: absolute; inset: -3px; border-radius: 50%; border: 1.5px solid var(--ember-hot); opacity: 0; }
.fx-ai button.st-tab:hover { border-color: var(--ember-hot); }
.fx-ai .st-tab[aria-selected="true"] { color: var(--ink); }
.fx-ai .st-tab[aria-selected="true"]::before { opacity: 1; }
.fx-ai .st-tab[aria-selected="true"] i { background: var(--ink); box-shadow: none; }
html.sf-fx .fx-ai .is-live .st-head { opacity: 1; }
html.sf-fx .fx-ai .is-live .st-tab:not(.is-lit):not([aria-selected="true"]) { border-color: var(--hairline-strong); color: var(--text-3); }
html.sf-fx .fx-ai .is-live .st-tab:not(.is-lit):not([aria-selected="true"]) i { background: var(--text-3); box-shadow: none; }
html.sf-fx .fx-ai .is-live .st-tab.is-lit i::after { animation: st-ring .8s ease-out; }
.fx-ai .st-cards { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.fx-ai .st-cards > * { min-width: 0; }
.fx-ai .st-rail--v { display: none; }
.fx-ai .st-month { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.fx-ai .st-card { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: 18px; background: linear-gradient(rgba(185, 140, 255, .06), rgba(185, 140, 255, .06)), var(--surface); border: 1px solid var(--hairline); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06); transition: transform .6s var(--fx-pop); }
.fx-ai .st-card::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; border: 1px solid rgba(255, 106, 61, .6); box-shadow: 0 0 0 1px rgba(255, 106, 61, .2), 0 26px 60px -26px rgba(255, 106, 61, .5); opacity: 0; transition: opacity .4s; pointer-events: none; }
.fx-ai .st-card h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 18px; }
.fx-ai .st-card p { font-size: 15px; line-height: 1.5; color: var(--text-2); }
.fx-ai .st-list { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: 4px; font-size: 13px; }
.fx-ai .st-list b { display: inline-block; width: 16px; color: var(--success); }
.fx-ai .st-list .st-minus { color: var(--text-2); }
.fx-ai .st-warn { color: var(--warning); font-weight: 600; }
.fx-ai .st-sum { margin-top: 4px; padding-top: 8px; border-top: 1px solid var(--hairline); color: var(--text-2); font-variant-numeric: tabular-nums; }
.fx-ai .st-card .tag { margin-top: auto; align-self: flex-end; padding-top: 8px; }
html.sf-fx .fx-ai .is-js .st-card { cursor: pointer; }
html.sf-fx .fx-ai .is-js .st-card:not(.is-active) { transform: scale(.975); }
html.sf-fx .fx-ai .is-js .is-active { transform: translateY(-8px); }
html.sf-fx .fx-ai .is-js .is-active::after { opacity: 1; }
.fx-ai .st-spark { position: absolute; z-index: 4; width: 6px; height: 6px; margin: -3px; border-radius: 50%; background: #ffd9a8; box-shadow: 0 0 8px 2px var(--ember); pointer-events: none; }
@keyframes st-pop { 0% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 0; } }
@keyframes st-ring { from { opacity: .9; transform: scale(.6); } to { opacity: 0; transform: scale(3.2); } }
@keyframes st-press { 40% { transform: scale(.78); } }
@media (min-width: 901px) {
  html.sf-fx .fx-ai .is-live .st-card:not(.is-lit) > :not(h3) { opacity: .38; }
  html.sf-fx .fx-ai .is-live .st-card > * { transition: opacity .45s var(--ease); }
}
@media (max-width: 900px) {
  .fx-ai .st-top { position: relative; z-index: 3; margin: 0 -8px; }
  html.sf-fx .fx-ai .st-top { position: sticky; top: calc(var(--sf-nav-h, 0px) + 8px); }
  html.sf-fx .fx-ai .st-top::before { content: ''; position: absolute; left: 0; right: 0; top: -20px; height: 38px; background: var(--bg); pointer-events: none; }
  html:not(.sf-fx) .fx-ai .st-track { display: none; }
  .fx-ai .st-shelf { display: block; padding: 12px 12px 30px; border-radius: 18px; background: rgba(19, 19, 24, .92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 18px 30px -14px #000; }
  .fx-ai .st-shelf::after { left: 12px; right: 12px; }
  .fx-ai .st-est { min-height: 44px; margin-bottom: 8px; }
  .fx-ai .st-total { margin-top: 2px; font-size: 24px; }
  .fx-ai .st-total small { font-size: 12px; }
  .fx-ai .st-delta { display: none; }
  .fx-ai .st-count, .fx-ai .st-tag { position: absolute; bottom: 9px; margin: 0; font-size: 12px; line-height: 1.2; }
  .fx-ai .st-count { left: 12px; }
  .fx-ai .st-tag { right: 12px; }
  .fx-ai .st-chips { gap: 5px; min-height: 53px; align-content: flex-start; }
  .fx-ai .st-chip { gap: 5px; max-width: 100%; padding: 2px 8px 2px 2px; border-radius: 13px; }
  .fx-ai .st-chip .avatar { --size: 18px; }
  .fx-ai .st-txt { flex-flow: row wrap; align-items: center; column-gap: 5px; min-width: 0; }
  .fx-ai .st-name { gap: 4px; font-size: 12px; }
  .fx-ai .st-name .pill { height: 16px; padding: 0 4px; font-size: 11px; letter-spacing: .04em; }
  .fx-ai .st-amt, .fx-ai .st-note { font-size: 12px; }
  .fx-ai .st-amt i { display: none; }
  .fx-ai .is-sugg .st-x { width: 20px; height: 20px; padding: 4px; }
  .fx-ai .st-x::before { inset: -12px; }
  .fx-ai .st-track { position: absolute; right: 12px; top: 12px; margin: 0; }
  .fx-ai .st-track .st-rail, .fx-ai .st-tab i { display: none; }
  .fx-ai .st-tabs { display: flex; gap: 0; border-radius: 12px; overflow: hidden; background: var(--raised); box-shadow: inset 0 0 0 1px var(--hairline-strong); }
  .fx-ai .st-tab { justify-content: center; width: 46px; height: 44px; padding: 0; border: 0; border-radius: 0; background: none; font-size: 12px; letter-spacing: .06em; outline-offset: -3px; }
  .fx-ai .st-tab::before { inset: 0; box-shadow: none; }
  .fx-ai .st-tab::after { content: none; }
  html.sf-fx .fx-ai .is-live .st-tab:not(.is-lit):not([aria-selected="true"]) { color: var(--text-2); }
  html.sf-fx .fx-ai .is-live .st-tab.is-lit:not([aria-selected="true"]) { color: var(--ember-hot); }
  .fx-ai .st-cards { grid-template-columns: 1fr; gap: 14px; margin-top: 34px; padding-left: 26px; }
  .fx-ai .st-rail--v { display: block; left: 6px; right: auto; top: 6px; bottom: 6px; width: 2px; height: auto; margin: 0; }
  .fx-ai .st-rail--v .st-fill { background: linear-gradient(180deg, var(--ember-deep), var(--ember-hot)); box-shadow: 0 0 8px rgba(255, 106, 61, .7); }
  .fx-ai .st-rail--v .st-head { left: -4px; top: -5px; box-shadow: 0 0 0 2px rgba(255, 138, 61, .55), 0 0 8px 2px rgba(255, 106, 61, .85); }
  .fx-ai .st-month { position: static; width: auto; height: auto; clip: auto; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ai); }
  .fx-ai .st-card { padding: 16px; }
  .fx-ai .st-card::before { content: ''; position: absolute; left: -25px; top: 17px; width: 10px; height: 10px; border-radius: 50%; background: var(--ember-hot); box-shadow: 0 0 0 4px var(--bg), 0 0 9px 4px rgba(255, 106, 61, .6); }
  html.sf-fx .fx-ai .is-live .st-card:not(.is-lit)::before { background: var(--text-3); box-shadow: 0 0 0 4px var(--bg); }
  html.sf-fx .fx-ai .is-js .st-card.is-active, html.sf-fx .fx-ai .is-js .st-card:not(.is-active) { transform: none; }
}
@media (max-width: 640px), (max-width: 900px) and (max-height: 500px) {
  html.sf-fx .fx-ai .st-top { position: relative; top: auto; }
  html.sf-fx .fx-ai .st-top::before { content: none; }
}
@media (max-width: 640px) {
  html.sf-fx .fx-ai .is-js .st-cards { gap: 0; margin-top: 14px; padding-left: 0; }
  html.sf-fx .fx-ai .is-js .st-rail--v, html.sf-fx .fx-ai .is-js .st-card::before { display: none; }
  html.sf-fx .fx-ai .is-js .st-card { grid-area: 1 / 1; transition: opacity .3s var(--ease), transform .5s var(--fx-spring), visibility 0s; }
  html.sf-fx .fx-ai .is-js .st-card:not(.is-show) { visibility: hidden; opacity: 0; transform: translateY(14px); transition: opacity .2s var(--ease), transform 0s .2s, visibility 0s .2s; }
  html.sf-fx .fx-ai .is-js:not(.is-held) .st-card:not(.is-show) { position: absolute; left: 0; right: 0; top: 0; }
}
@media (max-width: 374px) {
  .fx-ai .st-chip { padding-left: 9px; }
  .fx-ai .st-chip .avatar { display: none; }
}
.fx-reminders .lk { position: relative; }
.fx-reminders .strip__grid { position: relative; grid-template-columns: repeat(9, 1fr) 1.7fr; margin-top: 22px; }
.fx-reminders .lk-day { min-height: 104px; padding: 8px 6px; justify-content: flex-start; gap: 2px; }
.fx-reminders .lk-day i { font-style: normal; font-size: 10px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.fx-reminders .lk-day b { font-size: 18px; font-weight: 700; line-height: 1.1; }
.fx-reminders .lk-day small { margin-top: 5px; white-space: nowrap; }
.fx-reminders .lk-bell { position: relative; width: 16px; height: 16px; margin-top: auto; transform-origin: 50% 0; }
.fx-reminders .lk-bell svg { display: block; width: 100%; height: 100%; }
.fx-reminders .lk-bell::after, .fx-reminders .strip__cell--end::after { content: ''; position: absolute; inset: -5px; border-radius: 50%; border: 1.5px solid var(--warning); opacity: 0; }
.fx-reminders .strip__cell--end::after { inset: -1px; border: 0; border-radius: inherit; box-shadow: 0 0 34px rgba(255, 197, 61, .45), inset 0 0 18px rgba(255, 197, 61, .14); transition: opacity .6s; }
.fx-reminders .strip__cell--end small { margin-top: auto; font-weight: 600; white-space: normal; }
.fx-reminders .lk-marker { display: none; position: absolute; left: 0; top: 0; border-radius: 9px; border: 1.5px solid var(--ember); box-shadow: 0 0 20px rgba(255, 106, 61, .5), inset 0 0 14px rgba(255, 106, 61, .18); pointer-events: none; transition: transform .4s var(--fx-pop); }
.fx-reminders .lk-marker em { position: absolute; left: 50%; top: -9px; transform: translateX(-50%); padding: 0 5px; border-radius: 4px; background: var(--ember); color: var(--ink); font-size: 10px; font-style: normal; font-weight: 700; line-height: 15px; letter-spacing: .08em; text-transform: uppercase; }
html.sf-fx .fx-reminders.is-armed .lk-marker { display: block; }
html.sf-fx .fx-reminders.is-armed .lk-bell { opacity: .3; }
html.sf-fx .fx-reminders.is-armed .is-rung .lk-bell { opacity: 1; animation: lk-ring .8s ease-in-out; }
html.sf-fx .fx-reminders.is-armed .is-rung .lk-bell::after { animation: lk-wave .8s ease-out; }
html.sf-fx .fx-reminders.is-armed .lk-day:not(.is-rung) small, html.sf-fx .fx-reminders.is-armed .is-past i, html.sf-fx .fx-reminders.is-armed .is-past b { color: var(--text-3); }
html.sf-fx .fx-reminders.is-armed .strip__cell--end:not(.is-rung) { background: var(--sunken); border-color: transparent; }
html.sf-fx .fx-reminders.is-armed .strip__cell--end.is-rung::after { opacity: 1; }
.fx-reminders .lk-sched ol { list-style: none; margin-top: 8px; border-top: 1px solid var(--hairline); }
.fx-reminders .lk-sched li { display: flex; align-items: baseline; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--hairline); font-size: 14px; line-height: 1.35; color: var(--text-2); }
.fx-reminders .lk-sched b { flex: none; width: 50px; font-weight: 600; color: var(--text); font-variant-numeric: tabular-nums; }
.fx-reminders .lk-sched span { flex: none; margin-left: auto; font-size: 12px; color: var(--text-2); white-space: nowrap; }
.fx-reminders .lk-sched li:last-child span { color: var(--warning); }
html.sf-fx .fx-reminders.is-armed .lk-sched li.is-on { color: var(--text); }
html.sf-fx .fx-reminders.is-armed .lk-sched li.is-on b { color: var(--ember-hot); }
.fx-reminders .lk-brief { display: none; }
.fx-reminders .lk-replay { min-height: 44px; margin-top: 6px; color: var(--text-2); }
.fx-reminders .lk-replay[hidden] { display: none; }
.fx-reminders .lk-replay[aria-disabled] { color: var(--text-3); cursor: default; }
.fx-reminders .lk-replay[aria-disabled] svg { animation: lk-spin 1.2s linear infinite; }
html.sf-still .fx-reminders .lk-replay[aria-disabled] svg { animation: none; }
.fx-reminders .lk-right { display: flex; flex-direction: column; align-items: center; background: radial-gradient(closest-side, rgba(255, 106, 61, .13), transparent); }
.fx-reminders .lk-phone { width: 350px; max-width: 100%; height: 660px; padding: 9px; border-radius: 52px; background: linear-gradient(150deg, #3a3a43, #0b0b0e 38%, #1d1d24); box-shadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 50px 80px -40px #000; transition: transform .5s var(--ease); }
.fx-reminders .lk-screen { position: relative; height: 100%; padding: 14px 10px 0; border-radius: 43px; overflow: hidden; text-align: center; background: radial-gradient(130% 52% at 50% 112%, rgba(255, 106, 61, .62), rgba(255, 77, 77, .16) 52%, transparent 74%), radial-gradient(70% 30% at 85% 0, rgba(185, 140, 255, .1), transparent), #07070a; }
.fx-reminders .lk-screen::after { content: ''; position: absolute; inset: 0; background: radial-gradient(240px circle at var(--gx, 30%) var(--gy, -20%), rgba(255, 255, 255, .09), transparent 70%); pointer-events: none; }
.fx-reminders .lk-glow { position: absolute; inset: 0; background: radial-gradient(120% 60% at 50% 105%, rgba(255, 150, 80, .6), transparent 70%); opacity: 0; }
.fx-reminders .is-flare .lk-glow { animation: lk-flare .9s ease-out; }
.fx-reminders .lk-island { display: block; width: 84px; height: 24px; margin: 0 auto 20px; border-radius: 14px; background: #000; }
.fx-reminders .lk-lock { position: relative; width: 14px; height: 14px; margin: 0 auto 6px; color: rgba(255, 255, 255, .7); }
.fx-reminders .lk-date { position: relative; font-size: 16px; font-weight: 600; color: rgba(255, 255, 255, .88); }
.fx-reminders .lk-clock { position: relative; margin-bottom: 16px; font-size: 88px; font-weight: 700; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, .94); }
.fx-reminders .lk-stack { position: relative; gap: 8px; text-align: left; }
.fx-reminders .notif { gap: 9px; min-height: 0; padding: 10px; border-radius: 18px; background: rgba(44, 44, 52, .7); border-color: rgba(255, 255, 255, .1); -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .7); }
.fx-reminders .notif__mark { width: 30px; height: 30px; }
.fx-reminders .notif__app span { color: var(--text-2); }
.fx-reminders .notif__title { line-height: 1.25; text-wrap: balance; }
.fx-reminders .notif__body { white-space: normal; font-size: 12.5px; line-height: 1.3; margin-top: 1px; text-wrap: balance; }
.fx-reminders .lk-home { position: absolute; left: 50%; bottom: 8px; width: 116px; height: 4px; margin-left: -58px; border-radius: 4px; background: rgba(255, 255, 255, .55); }
.fx-reminders .lk-tag { margin-top: 14px; color: var(--text-2); }
.fx-reminders .lk-spark { position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px rgba(255, 197, 61, .6), 0 0 24px 8px rgba(255, 138, 61, .9); opacity: 0; pointer-events: none; }
@keyframes lk-ring { 0%, 100% { transform: rotate(0); } 15% { transform: rotate(-24deg); } 30% { transform: rotate(20deg); } 45% { transform: rotate(-14deg); } 60% { transform: rotate(9deg); } 78% { transform: rotate(-4deg); } }
@keyframes lk-wave { from { opacity: .9; transform: scale(.5); } to { opacity: 0; transform: scale(2.2); } }
@keyframes lk-flare { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } }
@keyframes lk-spin { to { transform: rotate(-360deg); } }
@media (max-width: 1023px) {
  .fx-reminders .lk { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .fx-reminders .lk-left, .fx-reminders .lk-right { display: contents; }
  .fx-reminders .lk-phone { order: 1; width: min(350px, 100%); margin: 16px auto 0; }
  .fx-reminders .lk-tag { order: 2; text-align: center; }
  .fx-reminders .lk-replay { order: 3; justify-self: center; }
  .fx-reminders .lk-cap1, .fx-reminders .lk-sched, .fx-reminders .lk-cap2 { order: 4; }
}
@media (max-width: 640px) {
  .fx-reminders .lk { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; }
  .fx-reminders .lk-left > *, .fx-reminders .lk-phone { grid-column: 1 / -1; }
  .fx-reminders .strip { padding: 14px; }
  .fx-reminders .strip__head { margin-bottom: 0; }
  .fx-reminders .strip__grid { grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 3px; margin: 18px 0 26px; }
  .fx-reminders .lk-day { min-height: 92px; padding: 7px 0; align-items: center; }
  .fx-reminders .lk-day i { font-size: 11px; letter-spacing: 0; text-transform: none; }
  .fx-reminders .lk-day b { font-size: 14px; }
  .fx-reminders .strip__cell--bell small { width: min-content; font-size: 11px; line-height: 1.1; white-space: normal; text-align: center; }
  .fx-reminders .lk-bell { width: 14px; height: 14px; }
  .fx-reminders .strip__cell--end small { position: absolute; right: 0; top: 100%; margin-top: 8px; font-size: 12px; white-space: nowrap; }
  .fx-reminders .lk-marker em { padding: 0 4px; font-size: 11px; letter-spacing: .04em; }
  .fx-reminders .lk-phone { width: 100%; height: auto; margin-top: 12px; padding: 6px; border-radius: 28px; }
  .fx-reminders .lk-screen { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 12px; height: auto; padding: 12px 10px; border-radius: 22px; text-align: left; }
  .fx-reminders .lk-island, .fx-reminders .lk-lock, .fx-reminders .lk-home { display: none; }
  .fx-reminders .lk-date { padding-left: 6px; font-size: 14px; }
  .fx-reminders .lk-clock { margin: 0; padding-right: 6px; font-size: 26px; }
  .fx-reminders .lk-stack { flex: 0 0 100%; }
  .fx-reminders .notif__body { font-size: 13px; }
  .fx-reminders .notif.is-top { order: -2; z-index: 3; }
  .fx-reminders .notif.is-old { order: -1; z-index: 2; height: 30px; overflow: hidden; margin-top: -30px; transform: scale(.94); transform-origin: 50% 100%; background: rgba(52, 52, 60, .95); }
  .fx-reminders .notif.is-old ~ .is-old { z-index: 1; transform: scale(.88); background: rgba(40, 40, 47, .95); }
  .fx-reminders .notif.is-old > * { visibility: hidden; }
  .fx-reminders .lk-tag { grid-column: 1; align-self: center; margin-top: 8px; text-align: left; text-wrap: balance; }
  .fx-reminders .lk-replay { grid-column: 2; align-self: center; justify-self: end; justify-content: flex-end; min-width: 150px; margin-top: 8px; }
  .fx-reminders .caption { margin-top: 12px; font-size: 13px; line-height: 1.45; }
  .fx-reminders .lk-sched { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .fx-reminders .caption.lk-brief { display: block; margin-top: 10px; }
  .fx-reminders .lk-brief b { font-weight: 600; color: var(--text); }
}
.fx-reminders .strip__cell--end i { color: var(--text-2); }
@media (max-width: 640px) { .fx-ai .st-lbl { font-size: 12px; } }

/* ── fx/convert.css ── */
.fx-pricing .plans { position: relative; }
.fx-pricing .plan { position: relative; isolation: isolate; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.fx-pricing .plan--pro { border-color: rgba(255,106,61,.32); box-shadow: 0 0 90px -24px rgba(255,106,61,.3), 0 44px 70px -44px #000, inset 0 1px 0 rgba(255,255,255,.07); }
.fx-pricing .plan--pro .plan__foot { color: var(--text-2); }
.fx-pricing .plan__summary { min-height: 44px; padding-top: 14px; }
.fx-pricing .plan__summary .faq__marker { flex: none; width: 28px; height: 28px; border: 1px solid var(--hairline-strong); border-radius: 50%; transition: transform .6s var(--fx-spring), background-color .3s var(--ease), border-color .3s var(--ease); }
.fx-pricing .plan__summary .faq__marker::before { left: 7px; right: 7px; top: 12px; }
.fx-pricing .plan__summary .faq__marker::after { top: 7px; bottom: 7px; left: 12px; }
.fx-pricing .plan__more[open]:not(.fx-closing) .plan__summary .faq__marker { transform: rotate(135deg); background-color: var(--ember-faint); border-color: rgba(255,106,61,.55); }
.fx-pricing .plan__more.fx-closing .plan__summary .faq__marker { transform: none; }
@media (min-width: 641px) {
  .fx-pricing .plan--free { align-self: start; }
  .fx-pricing .plan--pro { margin-block: -12px; padding-block: 40px; }
  #faq { scroll-margin-top: -12px; }
}
@media (min-width: 1024px) { .fx-pricing .plans { max-width: none; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px; } }
@media (min-width: 641px) and (min-height: 800px) { .fx-pricing .plan--free { position: sticky; top: 96px; } }
.sf-fx .fx-pricing.is-armed .plan:not(.is-set) { opacity: calc(var(--p, 0) * 1.6); transform: perspective(1200px) translate3d(0, calc((1 - var(--p, 0)) * 70px), calc((1 - var(--p, 0)) * -170px)) rotateX(calc((1 - var(--p, 0)) * 11deg)); transform-origin: 50% 100%; will-change: transform, opacity; }
.fx-pricing .fxp-ring, .fx-pricing .fxp-heat { position: absolute; inset: -1px; border-radius: inherit; overflow: hidden; pointer-events: none; }
.fx-pricing .fxp-ring { z-index: 2; padding: 1.5px; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.fx-pricing .fxp-heat { z-index: -1; }
.fx-pricing .fxp-ring i, .fx-pricing .fxp-heat i { position: absolute; left: 84%; top: 0; width: 300px; height: 300px; margin: -150px; border-radius: 50%; background: radial-gradient(closest-side, #FFE6CC, #FF8A3D 26%, rgba(255,77,77,.55) 55%, transparent); }
.fx-pricing .fxp-heat i { width: 420px; height: 420px; margin: -210px; opacity: .13; background: radial-gradient(closest-side, #FF8A3D, transparent); }
.fx-pricing .is-orbit :is(.fxp-ring, .fxp-heat) i { left: 0; will-change: transform; }
.fx-pricing .fxp-heat::before { content: ''; position: absolute; left: 4%; bottom: -104px; width: 92%; height: 190px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255,98,61,.4), transparent); filter: blur(16px); }
.sf-fx:not(.sf-still) .fx-pricing.is-vis .fxp-heat::before { animation: fxp-heat 5.6s ease-in-out infinite alternate; }
@keyframes fxp-heat { from { transform: translateX(-16%) scaleY(.7); opacity: .5; } to { transform: translateX(16%) scaleY(1.3); opacity: 1; } }
.fx-pricing .fxp-now { margin-top: 12px; }
.fx-pricing .fxp-num { display: flex; align-items: flex-start; font-size: 44px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.fx-pricing .fxp-tail { display: flex; align-items: flex-start; }
.fx-pricing .fxp-col { height: 1em; overflow: hidden; -webkit-mask: linear-gradient(transparent, #000 14% 86%, transparent); mask: linear-gradient(transparent, #000 14% 86%, transparent); }
.fx-pricing .fxp-strip, .fx-pricing .fxp-strip i { display: block; font-style: normal; }
.fx-pricing .fxp-strip i { height: 1em; white-space: nowrap; }
.fx-pricing .fxp-unit { align-self: flex-end; margin: 0 0 6px 10px; font-size: 15px; font-weight: 500; line-height: 1.2; height: 1.2em; color: var(--text-2); }
.fx-pricing .fxp-unit i { height: 1.2em; }
.fx-pricing .fxp-save { display: block; width: max-content; margin-top: 10px; font-size: 13px; font-weight: 600; line-height: 1.5; color: var(--ember-hot); transform-origin: 0 50%; transition: opacity .25s var(--ease), transform .5s var(--fx-pop); }
.fx-pricing .is-m .fxp-save { opacity: 0; transform: translateY(-7px) scale(.94); }
.fx-pricing .plan__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fx-pricing.is-live .plan__tiles { position: relative; margin-top: 14px; }
.fx-pricing.is-live .plan__tile { z-index: 1; background: none; border: 1.6px solid var(--hairline); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color .2s var(--ease); }
.fx-pricing.is-live .plan__tile:hover { border-color: rgba(255,255,255,.22); }
.fx-pricing.is-live .plan__tile--selected, .fx-pricing.is-live .plan__tile--selected:hover { border-color: transparent; }
.fx-pricing .plan__badge-slot { margin-bottom: 4px; }
.fx-pricing .fxp-plate { position: absolute; top: 0; bottom: 0; left: 0; width: calc(50% - 6px); border-radius: 18px; background: var(--ember-faint); border: 1.6px solid var(--ember); box-shadow: 0 0 30px -6px rgba(255,106,61,.6), inset 0 1px 0 rgba(255,255,255,.1); transform: translateX(calc(100% + 12px)); }
.fx-pricing .fxp-radio { flex: none; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.3); transition: background-color .2s, border-color .2s, transform .45s var(--fx-pop); }
.fx-pricing .fxp-radio svg { width: 10px; height: 10px; fill: none; stroke: var(--ink); stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 23; stroke-dashoffset: 23; transition: stroke-dashoffset .32s var(--ease) .06s; }
.fx-pricing [aria-checked="true"] .fxp-radio { background: var(--ember); border-color: var(--ember); transform: scale(1.12); }
.fx-pricing [aria-checked="true"] .fxp-radio svg { stroke-dashoffset: 0; }
.fx-pricing .fxp-meter { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; margin-top: 16px; font-size: 13px; color: var(--text-2); }
.fx-pricing .fxp-meter b { color: var(--text); font-weight: 600; }
.fx-pricing .fxp-pips { display: flex; align-items: center; gap: 6px; }
.fx-pricing .fxp-pips i, .fx-pricing .fxp-fly { flex: none; width: 16px; height: 16px; border-radius: 30%; background: var(--forge); box-shadow: 0 0 12px rgba(255,106,61,.45), inset 0 1px 0 rgba(255,255,255,.4); }
.fx-pricing .fxp-pips i { transition: transform .5s var(--fx-pop), opacity .25s; }
.fx-pricing .fxp-pips .fxp-six, .fx-pricing .fxp-fly { background: linear-gradient(135deg, #FFE6CC, #FF8A3D 60%); box-shadow: 0 0 0 2px rgba(255,138,61,.3), 0 0 18px 2px rgba(255,138,61,.8); }
.fx-pricing .fxp-fly { position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none; }
.fx-pricing .fxp-pips u { width: 4px; height: 4px; border-radius: 50%; background: var(--ember); opacity: .7; }
.fx-pricing .fxp-pips u + u { opacity: .42; }
.fx-pricing .fxp-pips u + u + u { opacity: .2; }
.fx-pricing .fxp-inf { width: 30px; height: 16px; margin-left: 2px; fill: none; stroke: var(--ember-hot); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 1; filter: drop-shadow(0 0 5px rgba(255,138,61,.7)); }
.sf-fx .fx-pricing.is-armed .fxp-pips i:not(.on) { transform: scale(.45); opacity: .2; }
.sf-fx .fx-pricing.is-armed .plan--pro .fxp-meter:not(.is-inf) :is(u, .fxp-inf, .fxp-meter__lbl) { opacity: 0; }
.fx-pricing .is-inf u, .fx-pricing .is-inf .fxp-meter__lbl { animation: fxp-fade .4s var(--ease) .1s backwards; }
.fx-pricing .is-inf u + u { animation-delay: .19s; }
.fx-pricing .is-inf u + u + u { animation-delay: .28s; }
.fx-pricing .is-inf .fxp-inf { animation: fxp-inf .9s var(--ease) .35s backwards; }
.fx-pricing .is-inf .fxp-meter__lbl { animation-delay: .9s; }
.fx-pricing .is-inf .fxp-six { animation: fxp-land .7s var(--ease); }
@keyframes fxp-fade { from { opacity: 0; transform: translateX(-4px); } }
@keyframes fxp-inf { from { stroke-dashoffset: 1; opacity: 0; } 20% { opacity: 1; } }
@keyframes fxp-land { from { box-shadow: 0 0 0 0 rgba(255,138,61,.9), 0 0 30px 8px rgba(255,138,61,.9); } }
.fx-pricing .is-in .plan__list li { animation: fxp-fade .5s var(--ease) calc(var(--i, 0) * 70ms + var(--d, .4s)) backwards; }
.fx-pricing .is-in .plan__list svg { stroke-dasharray: 23; animation: fxp-draw .5s var(--ease) calc(var(--i, 0) * 70ms + var(--d, .4s) + .1s) backwards; }
@keyframes fxp-draw { from { stroke-dashoffset: 23; } }
@media (max-width: 760px) {
  .fx-pricing .plan__tile { padding: 14px 12px; }
  .fx-pricing .plan__tile-price { font-size: 25px; }
  .fx-pricing .fxp-pips { gap: 4px; }
  .fx-pricing .fxp-pips i, .fx-pricing .fxp-fly { width: 14px; height: 14px; }
}
@media (max-width: 640px) {
  .fx-pricing .sec__head { margin-bottom: 16px; }
  .fx-pricing .plans { gap: 12px; }
  .fx-pricing .plan { padding: 16px; }
  .fx-pricing .plan .btn { margin-top: 12px; }
  .fx-pricing .plan__list { gap: 6px; margin-top: 12px; }
  .fx-pricing .plan__list li { gap: 8px; font-size: 14px; line-height: 1.4; }
  .fx-pricing .plan__list svg { margin-top: 2px; }
  .fx-pricing .plan--free { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 8px; }
  .fx-pricing .plan--free > :is(.plan__list, .btn) { grid-column: 1 / -1; }
  .fx-pricing .plan--free > :is(.plan__head, .plan__lead) { grid-column: 1; }
  .fx-pricing .plan--free > :is(.plan__price, .fxp-meter) { grid-column: 2; justify-self: end; }
  .fx-pricing .plan--free > .plan__price { margin-top: 0; font-size: 32px; }
  .fx-pricing .plan--free > :is(.plan__lead, .fxp-meter) { margin-top: 8px; }
  .fx-pricing .plan--free > .plan__lead { font-size: 14.5px; }
  .fx-pricing .plan--free .fxp-meter__lbl { display: none; }
  .fx-pricing .plan--free .fxp-pips { gap: 3px; }
  .fx-pricing .plan--free .fxp-pips i { width: 10px; height: 10px; }
  .fx-pricing .fxp-now { margin-top: 6px; }
  .fx-pricing .fxp-num { font-size: 40px; }
  .fx-pricing .fxp-save { margin-top: 2px; }
  .fx-pricing .plan__tiles, .fx-pricing.is-live .plan__tiles { margin-top: 18px; }
  .fx-pricing .plan__tile { padding: 12px; }
  .fx-pricing .plan__badge-slot { height: 0; margin: 0; }
  .fx-pricing .plan__badge-slot .pill { position: absolute; top: -10px; left: 11px; }
  .fx-pricing .plan__tile-period, .fx-pricing .plan__tile-save { font-size: 13px; line-height: 1.4; }
  .fx-pricing .plan--pro .fxp-meter { margin-top: 10px; }
  .fx-pricing .plan__summary { padding-top: 0; margin-top: 2px; }
  .fx-pricing .plan__more .plan__list { margin-top: 2px; padding-bottom: 6px; }
  .fx-pricing .plan__foot { margin-top: 10px; line-height: 1.4; }
}
.fx-get, .fx-get .launch { position: relative; }
.fx-get .launch::before { content: ''; position: absolute; inset: -90px 0; pointer-events: none; background: radial-gradient(ellipse 30% 42%, rgba(255,138,61,.16), transparent), radial-gradient(closest-side, rgba(255,106,61,.27), rgba(255,77,77,.09) 55%, transparent); opacity: calc(.3 + .7 * var(--heat, .8)); transform: scale(calc(.7 + .3 * var(--heat, .8))); }
.fx-get.is-calm .launch::before { opacity: .9; transform: none; transition: opacity 1.4s var(--ease), transform 1.4s var(--ease); }
.fx-get .fxg-canvas { position: absolute; left: 0; top: -160px; width: 100%; z-index: 2; pointer-events: none; }
.fx-get .launch__card { position: relative; z-index: 1; isolation: isolate; box-shadow: var(--paper-shadow), inset 0 1px 0 rgba(255,255,255,.08); }
.fx-get .launch__card::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; opacity: 0; box-shadow: 0 0 0 1.5px var(--ember-hot), 0 0 70px rgba(255,138,61,.6), inset 0 0 50px rgba(255,138,61,.22); }
.fx-get .is-struck { animation: fxg-jolt .5s var(--ease); }
.fx-get .is-struck::before { animation: fxg-flash 1.2s ease-out; }
@keyframes fxg-jolt { 16% { transform: translateY(6px) scale(.994); } 52% { transform: translateY(-2px); } }
@keyframes fxg-flash { from { opacity: 1; } }
.fx-get .launch__title { position: relative; font-size: 34px; }
.fx-get .fxg-w, .fx-get .fxg-c { display: inline-block; white-space: nowrap; }
.sf-fx .fx-get.is-armed:not(.is-in) .fxg-c { clip-path: inset(-20% 100% -20% -10%); }
.fx-get.is-in .fxg-c { animation: fxg-write .11s linear calc(var(--i) * 38ms + .25s) backwards; }
@keyframes fxg-write { from { clip-path: inset(-20% 100% -20% -10%); } to { clip-path: inset(-20% -20% -20% -10%); } }
.fx-get .fxg-pen { position: absolute; left: 0; top: 0; width: 6px; height: 6px; margin: -3px; border-radius: 50%; background: #FFE6CC; box-shadow: 0 0 10px 3px rgba(255,138,61,.95), 0 0 28px 9px rgba(255,77,77,.5); opacity: 0; transition: opacity .3s; pointer-events: none; }
.fx-get .fxg-flourish { width: 200px; height: 13px; margin: 2px auto 0; overflow: visible; fill: none; stroke: var(--ember); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1 2; opacity: .9; }
.sf-fx .fx-get.is-armed:not(.is-written) .fxg-flourish { stroke-dashoffset: 1.05; }
.fx-get.is-written .fxg-flourish { transition: stroke-dashoffset .55s var(--ease); }
.fx-get .launch__lead { margin-top: 10px; }
.fx-get .launch__avail.when-store { text-wrap: balance; }
.fx-get .launch-form__status a { position: relative; white-space: nowrap; }
.fx-get .launch-form__status a::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; margin-top: -22px; }
@property --fxg-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.fx-get .input { border-width: 1.5px; }
.fx-get .input:focus { border-color: transparent; background: linear-gradient(var(--surface), var(--surface)) padding-box, conic-gradient(from var(--fxg-a), #FF4D4D, #FF8A3D 7%, #FFE6CC 13%, #FF6A3D 21%, rgba(255,106,61,.72) 38% 86%, #FF4D4D) border-box; box-shadow: 0 0 0 3px rgba(255,138,61,.3), 0 12px 36px -12px rgba(255,106,61,.65); animation: fxg-edge 2.8s linear infinite; }
.fx-get .launch-form--touched .input:invalid:focus, .fx-get .input[aria-invalid="true"]:focus { background: var(--surface); border-color: var(--danger); box-shadow: 0 0 0 3px rgba(255,92,92,.35); animation: none; }
.sf-still .fx-get .input:focus { animation: none; }
@keyframes fxg-edge { to { --fxg-a: 360deg; } }
.fx-get .launch-form > * { min-width: 0; }
.fx-get :is(.launch-form, .launch__card) > .btn { position: relative; isolation: isolate; }
.fx-get :is(.launch-form, .launch__card) > .btn::after { content: ''; position: absolute; inset: 2px 10px -4px; z-index: -1; border-radius: inherit; background: var(--forge); filter: blur(14px); opacity: .4; }
.sf-fx:not(.sf-still) .fx-get.is-vis :is(.launch-form, .launch__card) > .btn::after { animation: fxg-breathe 3.8s ease-in-out infinite alternate; }
@keyframes fxg-breathe { from { opacity: .22; transform: scale(.94, .8); } to { opacity: .6; transform: scale(1.03, 1.15); } }
.fx-get .is-striking .input { --dy: 33px; display: block; }
.fx-get .is-striking .btn { --dy: -31px; display: inline-flex; }
.fx-get .is-striking :is(.input, .btn) { animation: fxg-press .22s cubic-bezier(.6,0,.9,.45) forwards; }
@keyframes fxg-press { to { transform: translateY(var(--dy)) scaleY(.1); filter: brightness(1.7); } }
.fx-get .is-done .launch__lead { display: none; }
.fx-get .is-flip { background: none; border-color: transparent; box-shadow: none; }
.fx-get .is-flip::after { content: ''; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: var(--paper); border: 1px solid var(--hairline-strong); box-shadow: var(--paper-shadow), inset 0 1px 0 rgba(255,255,255,.08); }
.fx-get .is-flip::before, .fx-get .is-flip::after { transform: scaleY(var(--fy, 1)); transform-origin: 50% 0; }
.fx-get .is-flip :is(.launch-form__consent, .launch__avail) { transform: translateY(var(--fd, 0)); }
.fx-get .fxg-done { display: none; position: relative; grid-template-columns: auto 1fr auto; align-items: center; gap: 0 12px; padding: 12px 14px; border-radius: 14px; background: var(--surface); border: 1px solid var(--hairline-strong); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); text-align: left; }
.fx-get .is-done .fxg-done { display: grid; }
.fx-get .is-done :focus-visible + .fxg-done { outline: 2px solid var(--ember-hot); outline-offset: 3px; }
.fx-get .fxg-done:has(small) .fxg-done__ic { grid-row: span 2; }
.fx-get .fxg-done__ic { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 30%; background: rgba(61,214,140,.14); border: 1px solid rgba(61,214,140,.32); }
.fx-get .fxg-done svg { width: 18px; height: 18px; fill: none; stroke: var(--success); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 23; }
.fx-get .fxg-done b { font-size: 15px; font-weight: 600; line-height: 1.3; }
.fx-get .fxg-done small { grid-column: 2 / 4; font-size: 12px; line-height: 1.4; color: var(--text-2); }
.fx-get .fxg-done::after { content: ''; position: absolute; inset: -1px; border-radius: inherit; background: linear-gradient(90deg, #FF6A3D, #FFD9B0 28%, #FFF3E0 50%, #FFD9B0 72%, #FF6A3D); box-shadow: 0 0 46px rgba(255,138,61,.9); opacity: 0; pointer-events: none; }
.sf-fx .fx-get .is-done .fxg-done::after { animation: fxg-flash 1s cubic-bezier(.3,0,.4,1); }
.sf-fx .fx-get .is-done .fxg-done svg { animation: fxp-draw .42s var(--ease) .5s backwards; }
.sf-fx .fx-get .is-done .fxg-done .pill { animation: fxg-pop .5s var(--fx-pop) .68s backwards; }
@keyframes fxg-pop { from { opacity: 0; transform: scale(.5); } }
@media (max-width: 359px) {
  .fx-get :is(.launch-form, .launch__card) > .btn { padding: 0 10px; }
  .fx-get .launch-form--mail > .btn, .fx-get .launch__card > .btn.when-store { font-size: 15px; }
}
@media (max-width: 339px) { .fx-get .launch__card > .btn.when-store { font-size: 14px; } }
@media (max-width: 640px) {
  .fx-get .launch__title { font-size: 27px; }
  .fx-get .fxg-done { gap: 0 10px; padding: 10px 12px; }
  .fx-get .fxg-done__ic { width: 32px; height: 32px; }
  .fx-get .fxg-done .pill { padding: 0 7px; letter-spacing: .05em; }
  .fx-get .fxg-done small { font-size: 13px; }
}