.fxp-page { --fxp-bg:#081a2c; --fxp-panel:#10283d; --fxp-ink:#eff7ff; --fxp-muted:#b6cbdc; --fxp-line:#29465b; --fxp-accent:#79ddef; background:var(--fxp-bg); color:var(--fxp-ink); }
[data-theme="light"] .fxp-page { --fxp-bg:#f8faf9; --fxp-panel:#eaf2f4; --fxp-ink:#122f43; --fxp-muted:#476174; --fxp-line:#c6d8df; --fxp-accent:#006777; }
.fxp-wrap { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.fxp-page .fxp-hero { width:min(1440px,calc(100% - 64px)); display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:42px; padding-block:60px; }
.fxp-page .fxp-hero h1 { font-size:clamp(1.7rem,2.35vw,2.4rem); line-height:1.2; letter-spacing:-.035em; max-width:24ch; margin:0; color:var(--fxp-ink); }
.fxp-page .fxp-content h2 { font-size:clamp(1.4rem,2vw,1.85rem); line-height:1.25; letter-spacing:-.025em; margin:0 0 20px; color:var(--fxp-ink); }
.fxp-page .fxp-content h3 { font-size:1.08rem; line-height:1.4; margin:0 0 10px; color:var(--fxp-ink); }
.fxp-page .fxp-content p,.fxp-page .fxp-hero p { font-size:.95rem; line-height:1.8; color:var(--fxp-muted); }
.fxp-page .fxp-brand { display:flex; align-items:center; gap:12px; font-size:1.4rem; font-weight:800; color:var(--fxp-ink); margin:0 0 24px; }
.fxp-brand img { object-fit:contain; }
.fxp-page .fxp-kicker { font-size:.7rem; color:var(--fxp-accent); letter-spacing:.1em; text-transform:uppercase; font-weight:800; margin:0 0 14px; }
.fxp-lead { margin-block:22px; max-width:62ch; }
.fxp-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.fxp-button { display:inline-flex; justify-content:center; align-items:center; gap:9px; border-radius:10px; background:#86e5f0; color:#082d40; font-size:.85rem; font-weight:800; padding:14px 18px; text-decoration:none; line-height:1.5; }
.fxp-secondary { background:transparent; color:var(--fxp-ink); border:1px solid var(--fxp-line); }
.fxp-button svg { width:18px; min-width:18px; }
.fxp-page .fxp-audience { display:flex; align-items:flex-start; gap:9px; font-size:.78rem; margin-top:24px; }
.fxp-audience svg { width:19px; min-width:19px; margin-top:4px; color:var(--fxp-accent); }
.fxp-art { margin:0; border:1px solid var(--fxp-line); border-radius:20px; overflow:hidden; background:var(--fxp-panel); }
.fxp-art img { display:block; width:100%; height:auto; }
.fxp-art figcaption { font-size:.68rem; line-height:1.5; padding:12px 18px; color:var(--fxp-muted); }
.fxp-subnav { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; border-block:1px solid var(--fxp-line); padding-block:20px; }
.fxp-subnav a,.fxp-text-link { color:var(--fxp-ink); font-size:.85rem; text-underline-offset:5px; }
.fxp-section { padding-block:72px; }
.fxp-intro,.fxp-usecases,.fxp-faq { display:grid; grid-template-columns:1fr 1.15fr; gap:70px; }
.fxp-intro > p { margin-top:0; }
.fxp-features { display:grid; gap:0; }
.fxp-features article { display:grid; grid-template-columns:60px 52px 1fr; gap:22px; padding:32px 0; border-top:1px solid var(--fxp-line); }
.fxp-feature-number { font-size:1.8rem; font-weight:700; color:var(--fxp-accent); opacity:.7; }
.fxp-features article > svg { width:30px; height:30px; color:var(--fxp-accent); }
.fxp-features article p { margin:0; max-width:90ch; }
.fxp-heading { max-width:740px; margin-bottom:32px; }
.fxp-usecases article { padding-bottom:20px; margin-bottom:24px; border-bottom:1px solid var(--fxp-line); }
.fxp-conditions { display:flex; gap:24px; border-radius:20px; background:var(--fxp-panel); padding:36px; box-sizing:border-box; }
.fxp-conditions > svg { width:30px; min-width:30px; color:var(--fxp-accent); }
.fxp-conditions p:last-child { margin-bottom:0; }
.fxp-faq details { border-bottom:1px solid var(--fxp-line); }
.fxp-faq summary { cursor:pointer; padding:20px 0; color:var(--fxp-ink); font-size:.94rem; line-height:1.6; font-weight:700; }
.fxp-faq details p { margin:0 0 22px; }
.fxp-final { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:36px; padding:40px; box-sizing:border-box; border:1px solid var(--fxp-line); border-radius:22px; margin-bottom:70px; background:var(--fxp-panel); }
.fxp-final p { margin-bottom:0; }
.fxp-page .final-conversion { grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); gap:32px; padding:36px; min-height:0; }
.fxp-page .final-conversion h2 { font-size:clamp(1.35rem,2vw,1.8rem); line-height:1.3; max-width:30ch; }
.fxp-page .final-conversion p { font-size:.95rem; line-height:1.7; max-width:68ch; }
.fxp-page .final-actions { display:flex; flex-wrap:wrap; gap:12px; }
.fxp-page :focus-visible { outline:3px solid var(--fxp-accent); outline-offset:5px; }
.fxp-content section[id] { scroll-margin-top:110px; }
.fxp-scene { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; position:relative; padding:32px 20px; border-radius:20px; border:1px solid var(--fxp-line); background:var(--fxp-panel); overflow:hidden; }
.fxp-scene-step { position:relative; z-index:1; padding:18px; transform:translateY(var(--step-y,0px)) scale(var(--step-scale,1)); transform-origin:center; }
.fxp-step-orb { display:grid; place-items:center; border-radius:50%; width:64px; height:64px; background:var(--fxp-bg); border:2px solid var(--fxp-line); margin-bottom:24px; box-shadow:0 0 var(--step-glow,0px) #53d7ef55; }
.fxp-step-orb svg { width:27px; color:var(--fxp-accent); transform:rotate(var(--step-turn,0deg)); }
.fxp-step-index { display:block; font-size:.7rem; letter-spacing:.15em; color:var(--fxp-accent); margin-bottom:10px; }
.fxp-scene-track { position:absolute; top:80px; left:60px; right:60px; height:2px; background:var(--fxp-line); }
.fxp-scene-track span { display:block; height:100%; width:100%; background:var(--fxp-accent); transform:scaleX(var(--scene-progress,0)); transform-origin:left; }
.fxp-scene-signal { position:absolute; width:10px; height:10px; border-radius:50%; top:76px; left:calc(60px + (100% - 120px)*var(--scene-progress,0)); background:var(--fxp-accent); box-shadow:0 0 20px var(--fxp-accent); }
@media(max-width:800px) {
  .fxp-wrap,.fxp-page .fxp-hero { width:calc(100% - 36px); }
  .fxp-page .fxp-hero { grid-template-columns:1fr; gap:28px; padding-block:36px; }
  .fxp-page .fxp-hero h1 { max-width:30ch; }
  .fxp-intro,.fxp-usecases,.fxp-faq,.fxp-final { grid-template-columns:1fr; gap:24px; }
  .fxp-section { padding-block:48px; }
  .fxp-features article { grid-template-columns:34px 1fr; gap:14px; }
  .fxp-feature-number { display:none; }
  .fxp-conditions,.fxp-final { padding:26px 20px; }
  .fxp-page .final-conversion { grid-template-columns:1fr; padding:24px; }
  .fxp-scene { grid-template-columns:1fr; gap:20px; padding:20px 12px; }
  .fxp-scene-step { display:grid; grid-template-columns:58px 1fr; column-gap:16px; padding:10px; }
  .fxp-step-orb { grid-row:1 / 4; width:52px; height:52px; margin:0; }
  .fxp-scene-step p { grid-column:2; margin:0; }
  .fxp-scene-track { left:49px; right:auto; top:52px; bottom:52px; height:auto; width:2px; }
  .fxp-scene-track span { transform:scaleY(var(--scene-progress,0)); transform-origin:top; }
  .fxp-scene-signal { left:45px; top:calc(52px + (100% - 104px)*var(--scene-progress,0)); }
}

.fxp-page .product-detail-hero,.fxp-page [data-product-features-section]{display:none!important}
.fxp-page .product-detail-page{padding-top:0}

.fxp-page.fxp-pricing-visible .product-detail-hero{display:grid!important}
.fxp-page.fxp-pricing-visible [data-product-name]{font-size:1.4rem;font-weight:700}