/*
 * fx 홈 - 시안 C main.html 을 옮긴 화면 전용 부품(접두사 fx-home-). 공통 부품(fx-button·fx-pill·fx-list·fx-panel·fx-tile·fx-field·fx-wrap·fx-sec)은
 * components.css 것을 그대로 쓰고, 여기서는 이 화면에만 있는 모양만 둔다. 색은 --fx-* 토큰만, 움직임은 transform·opacity·SVG 속성만.
 * 순서: 공통 -> 히어로 -> 선언문·지표 -> 운영 화면 -> 비교·결제 -> 업종 -> 화면 벽 -> 후기 -> 요금 -> CTA -> 패널 -> 반응형 -> reduced-motion
 */
.fx-home-lime{color:var(--fx-brand);font-style:normal}
.fx-home-textlink{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--fx-fg);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--fx-edge-strong)}
.fx-home-textlink:hover{text-decoration-color:currentColor}
.fx-home-arrow{width:1em;height:1em;flex:none}
.fx-home-textlink span{margin-left:.3em}
.fx-home-fake{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--fx-radius-pill);background:var(--fx-t1);color:var(--fx-brand-ink);font-size:14px;font-weight:700;transition:background-color .3s,color .3s}
.fx-home-hero h1,.fx-home-decl h2,.fx-home-proof h2,.fx-home-pay h2,.fx-home-industries h2,.fx-home-wallsec h2,.fx-home-rev h2,.fx-home-price h2,.fx-home-cta-end h2,.fx-home-panel h2,.fx-home-soon h3{font-weight:700;letter-spacing:-.025em;word-break:keep-all}

/* ===== 히어로 ===== */
.fx-home-hero{position:relative;overflow-x:clip;background:var(--fx-s0);min-height:100vh;padding:140px 0 40px}
.fx-home-h1{font-size:clamp(26px,7.6vw,76px);line-height:1.08;letter-spacing:-.03em;word-break:keep-all;text-wrap:balance}
.fx-home-lead{margin-top:24px;max-width:760px;font-size:var(--fx-size-lead);line-height:1.7;color:var(--fx-fg-2);word-break:keep-all;text-wrap:balance}
.fx-home-lead__ln{display:block}
.fx-home-lead strong{color:var(--fx-fg);font-weight:600}
.fx-home-cta{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.fx-home-checks{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;font-size:var(--fx-size-small);line-height:1.6;color:var(--fx-fg-2)}
.fx-home-checks li{display:flex;align-items:center;gap:8px;word-break:keep-all}
.fx-home-checks li::before{content:"";flex:none;width:6px;height:11px;margin:-3px 4px 0 2px;border:solid var(--fx-brand);border-width:0 2px 2px 0;transform:rotate(45deg)}
.fx-home-sw{margin-top:64px;perspective:1800px}
.fx-home-scene{display:grid;border-radius:var(--fx-radius-l);background:var(--fx-s2);box-shadow:inset 0 0 0 1px var(--fx-edge-ink-strong),var(--fx-shadow-l);overflow:hidden;transform-origin:50% 0}
.fx-home-scene__chart{order:2;padding:20px 16px 8px;border-top:1px solid var(--fx-edge-ink);background:var(--fx-s1)}
.fx-home-scene__read{order:1;display:grid;grid-template-columns:1fr 1fr;padding:20px 20px 4px}
.fx-home-rd{display:flex;flex-direction:column;gap:6px;padding:0 0 18px}
.fx-home-rd--sales{grid-column:1/-1}
.fx-home-rd--keep{padding-left:16px}
.fx-home-rd--fee{padding-right:16px;border-right:1px solid var(--fx-edge-ink)}
.fx-home-rd__lab{display:grid;font-size:var(--fx-size-small);line-height:1.4;color:var(--fx-t2);min-height:20px}
.fx-home-rd__lab>span{grid-area:1/1}
.fx-home-rd__num{font-size:30px;font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transform-origin:left center;transition:transform .35s var(--fx-ease-out)}
.fx-home-rd--sales .fx-home-rd__num{font-size:48px}
.fx-home-rd__num.is-peak{transform:scale(1.06)}
.fx-home-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:var(--fx-size-small);color:var(--fx-t2);padding:6px 4px 2px}
.fx-home-legend i{display:inline-block;vertical-align:-2px;width:14px;height:14px;margin-right:6px;border-radius:3px}
.fx-home-lg-h{background:repeating-linear-gradient(135deg,rgba(255,255,255,.45) 0 2px,rgba(255,255,255,.06) 2px 5px)}
.fx-home-lg-s{background:rgba(255,255,255,.3)}
.fx-home-lg-l{box-shadow:inset 0 0 0 1.5px var(--fx-brand);background:rgba(200,240,90,.12)}
.fx-home-chart{width:100%;position:relative}
.fx-home-chart svg{display:block;overflow:visible}
.fx-home-c-grid{stroke:rgba(255,255,255,.09);stroke-width:1}
.fx-home-c-txt{fill:var(--fx-t3);font:500 13px var(--fx-face);font-variant-numeric:tabular-nums}
.fx-home-c-x{fill:var(--fx-t2);font:600 13px var(--fx-face);font-variant-numeric:tabular-nums;text-anchor:middle}
.fx-home-c-y{text-anchor:end}
.fx-home-c-val{fill:var(--fx-t1);font:700 14px var(--fx-face);font-variant-numeric:tabular-nums;text-anchor:middle}
.fx-home-c-gval{fill:var(--fx-brand);font:700 14px var(--fx-face);font-variant-numeric:tabular-nums;text-anchor:middle}
.fx-home-c-hatch{fill:url(#fxHomeHatch);stroke:rgba(255,255,255,.5);stroke-width:1}
.fx-home-c-solid{fill:rgba(255,255,255,.3)}
.fx-home-c-ghost{fill:rgba(200,240,90,.1);stroke:var(--fx-brand);stroke-width:1.5}
.fx-home-c-zero{stroke:var(--fx-brand);stroke-width:3;stroke-linecap:round}
.fx-home-c-mark{stroke:var(--fx-brand);stroke-width:1.5;stroke-dasharray:5 5}
.fx-home-c-marktxt{fill:var(--fx-brand);font:700 13px var(--fx-face);text-anchor:end}
.fx-home-c-pk{fill:var(--fx-brand);filter:drop-shadow(0 0 8px rgba(200,240,90,.95)) drop-shadow(0 0 20px rgba(200,240,90,.55));transition:opacity .45s var(--fx-ease-std)}
.fx-home-tools{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.fx-home-slider{flex:1 1 320px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.fx-home-slider label{font-size:16px;font-weight:600;white-space:nowrap}
.fx-home-slider output{font-variant-numeric:tabular-nums;font-weight:700;color:var(--fx-brand);min-width:90px}
.fx-home-slider input{flex:1 1 200px;min-width:160px;height:44px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.fx-home-slider input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--fx-edge-ink-strong)}
.fx-home-slider input::-moz-range-track{height:4px;border-radius:4px;background:var(--fx-edge-ink-strong)}
.fx-home-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11px;border-radius:50%;background:var(--fx-t1);border:0;box-shadow:0 0 0 6px rgba(247,247,245,.14)}
.fx-home-slider input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--fx-t1);border:0;box-shadow:0 0 0 6px rgba(247,247,245,.14)}
.fx-home-scene__foot{margin-top:14px}

/* ===== 선언문 · 지표 ===== */
.fx-home-decl{padding:64px 0}
.fx-home-decl__in{display:grid;grid-template-columns:6px 1fr;gap:clamp(20px,3vw,48px)}
.fx-home-decl__h{font-size:clamp(36px,6.9vw,88px);line-height:1.22;letter-spacing:-.03em}
.fx-home-nums{display:grid;gap:40px 0}
.fx-home-num{display:flex;align-items:baseline;font-size:clamp(72px,11vw,148px);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.fx-home-num small{font-size:.38em;margin-left:.08em;letter-spacing:-.02em}
.fx-home-num__l{margin-top:12px;font-size:var(--fx-size-lead);color:var(--fx-fg)}
.fx-home-fee{margin-top:72px;padding-top:48px;border-top:1px solid var(--fx-edge-strong)}
.fx-home-fee__row{display:flex;flex-direction:column;gap:4px;font-size:clamp(34px,5.4vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.15}
.fx-home-fee__row>span{display:flex;flex-wrap:wrap;align-items:center;gap:0 .3em}
.fx-home-fee__row s{color:var(--fx-fg-3);text-decoration-thickness:3px;font-variant-numeric:tabular-nums}
.fx-home-fee__row .fx-home-arrow{width:.9em;height:.9em;color:var(--fx-fg-2)}
.fx-home-fee .fx-lead{margin-top:16px;max-width:620px}
.fx-home-kmong{margin-top:56px;font-size:var(--fx-size-lead);font-weight:600;color:var(--fx-fg)}
.fx-home-kmong span{display:block;margin-top:4px;font-weight:400;font-size:var(--fx-size-small);color:var(--fx-fg-2)}

/* ===== 운영 화면 ===== */
.fx-home-proof__head{display:grid;gap:20px;align-items:end;margin-bottom:48px}
.fx-home-proof h2{font-size:clamp(34px,5.2vw,68px);line-height:1.12}
.fx-home-proof__head .fx-lead{max-width:460px}
.fx-home-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fx-home-tab:nth-child(5){grid-column:1/-1}
.fx-home-tab{position:relative;display:flex;align-items:center;min-height:56px;padding:0 18px;border-radius:var(--fx-radius-m) var(--fx-radius-m) 0 0;font-size:17px;font-weight:600;color:var(--fx-fg-3);text-align:left;transition:color .2s,background-color .2s}
.fx-home-tab:hover{color:var(--fx-fg);background:rgba(255,255,255,.04)}
.fx-home-tab[aria-selected=true]{color:var(--fx-fg)}
.fx-home-tab::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fx-edge-ink)}
.fx-home-tab__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fx-brand);transform:scaleX(0);transform-origin:left}
.fx-home-tabbar{display:flex;flex-direction:column;gap:10px}
.fx-home-pause{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--fx-radius-pill);font-size:14px;font-weight:600;color:var(--fx-fg-2);box-shadow:inset 0 0 0 1px var(--fx-edge-ink);transition:background-color .2s,color .2s}
.fx-home-pause:hover{background:var(--fx-s3);color:var(--fx-fg)}
.fx-home-pause i{position:relative;width:12px;height:12px}
.fx-home-pause i::before,.fx-home-pause i::after{content:"";position:absolute;top:0;width:4px;height:12px;background:currentColor;border-radius:1px}
.fx-home-pause i::before{left:0}.fx-home-pause i::after{right:0}
.fx-home-pause[aria-pressed=true] i::before{width:0;height:0;background:none;border-left:11px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;border-radius:0}
.fx-home-pause[aria-pressed=true] i::after{display:none}
.fx-home-mockwrap{margin-top:28px;perspective:1800px}
.fx-home-mock{transition:transform .6s var(--fx-ease-out);box-shadow:inset 0 0 0 1px var(--fx-edge-ink-strong),0 50px 100px -24px rgba(0,0,0,.85)}
.fx-home-mock__body{display:grid}
.fx-home-side{display:none;padding:20px 12px;background:var(--fx-s1);border-right:1px solid var(--fx-edge-ink)}
.fx-home-side li{list-style:none;padding:10px 12px;border-radius:var(--fx-radius-s);font-size:14px;color:var(--fx-t3)}
.fx-home-side li.is-on{background:var(--fx-s3);color:var(--fx-t1);font-weight:600}
.fx-home-side .fx-home-side__logo{padding:0 0 14px 10px}
.fx-home-side img{height:24px;width:auto}
.fx-home-mock__main{padding:20px;min-height:430px}
.fx-home-pn[hidden]{display:none}
.fx-home-pn__head{display:flex;flex-wrap:wrap;gap:12px 48px;margin-bottom:18px}
.fx-home-pn__k{font-size:14px;color:var(--fx-t2)}
.fx-home-pn__big{font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fx-home-pn__t{font-size:20px;font-weight:700;margin-bottom:4px}
.fx-home-pn__cap{font-size:14px;color:var(--fx-t2);margin:14px 0;line-height:1.55}
.fx-home-ord{height:324px;overflow:hidden}
.fx-home-ord .fx-list__item.is-new{animation:fx-home-row .5s var(--fx-ease-out)}
@keyframes fx-home-row{from{opacity:0}to{opacity:1}}
.fx-home-gauges{display:grid;gap:12px}
.fx-home-gz__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:15px;margin-bottom:12px}
.fx-home-gz__top b{font-size:17px}
.fx-home-gauge{position:relative;height:12px;border-radius:var(--fx-radius-pill);background:var(--fx-s3);overflow:hidden}
.fx-home-gauge i{position:absolute;inset:0;border-radius:inherit;background:var(--fx-t1);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--fx-ease-out)}
.fx-home-pn.is-go .fx-home-gauge i{transform:scaleX(var(--v))}
.fx-home-gz--done .fx-home-gauge i{background:var(--fx-t3)}
.fx-home-gz__meta{margin-top:10px;font-size:14px;color:var(--fx-t2)}
.fx-home-dep{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;font-size:15px;padding:12px 14px;border-radius:var(--fx-radius-s)}
.fx-home-dep+.fx-home-dep{margin-top:8px}
.fx-home-dep__n{font-weight:600}
.fx-home-dep__s{display:block;font-size:14px;color:var(--fx-t2);font-variant-numeric:tabular-nums;font-weight:400}
.fx-home-dep.is-done{background:rgba(200,240,90,.06)}
.fx-home-dep.is-done .fx-home-fake{background:rgba(200,240,90,.16);color:var(--fx-brand)}
.fx-home-adgrid{display:grid;gap:20px}
.fx-home-slots li{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border-radius:var(--fx-radius-s);background:var(--fx-tint);font-size:15px}
.fx-home-slots li+li{margin-top:8px}
.fx-home-steps{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 16px;list-style:none}
.fx-home-steps li{padding:6px 12px;border-radius:var(--fx-radius-pill);background:var(--fx-s3);font-size:14px;color:var(--fx-t3);transition:background-color .25s,color .25s}
.fx-home-steps li.is-on{background:var(--fx-brand);color:var(--fx-brand-ink);font-weight:700}

/* ===== 비교 · 결제 ===== */
.fx-home-table{width:100%;border-collapse:collapse}
.fx-home-table th,.fx-home-table td{text-align:left;vertical-align:top;font-weight:400}
.fx-home-table thead th{display:none;padding:0 0 28px;font-size:clamp(34px,5.4vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.fx-home-table thead th.is-no{color:var(--fx-fg-3)}
.fx-home-table tbody tr{display:block;padding:28px 0;border-top:1px solid var(--fx-edge-strong)}
.fx-home-table tbody th{display:block;margin-bottom:12px;font-size:16px;font-weight:600;color:var(--fx-fg-2)}
.fx-home-table td{display:block;font-size:clamp(19px,1.9vw,24px);line-height:1.5;letter-spacing:-.01em}
.fx-home-table td+td{margin-top:10px}
.fx-home-table td::before{content:attr(data-who);display:block;font-size:13px;font-weight:600;color:var(--fx-fg-3);margin-bottom:2px}
.fx-home-table td.is-no{color:var(--fx-fg-3)}
.fx-home-table td.is-yes{color:var(--fx-fg);font-weight:600}
.fx-home-pay__head{display:grid;gap:20px;margin-bottom:56px;align-items:start}
.fx-home-pay h2{font-size:var(--fx-size-h2);line-height:1.2;max-width:640px}
.fx-home-pay__head .fx-note{margin-top:12px;max-width:640px}
.fx-home-flow{display:grid;gap:12px;align-items:start}
.fx-home-flow>.fx-home-arrow{display:none;width:32px;height:32px;color:var(--fx-fg-3)}
.fx-home-win{background:var(--fx-s1)}
.fx-home-win__t{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;background:var(--fx-s0);border-bottom:1px solid var(--fx-edge-ink);font-size:17px;font-weight:600}
.fx-home-win__t b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--fx-brand);color:var(--fx-brand-ink);font-size:14px}
.fx-home-win__b{padding:20px;display:grid;gap:10px;justify-items:start}
.fx-home-win__b>*{max-width:100%}
.fx-home-win__k{font-size:14px;line-height:1.55;color:var(--fx-t2)}
.fx-home-win__big{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.fx-home-pvr{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:8px 14px;border-radius:var(--fx-radius-s);background:var(--fx-tint);font-size:15px}

/* ===== 업종 ===== */
.fx-home-industries h2{font-size:clamp(32px,4.6vw,60px);line-height:1.15}
.fx-home-industries>.fx-wrap>.fx-lead{margin-top:16px;max-width:560px}
.fx-home-indwrap{margin-top:56px}
.fx-home-inds{border-top:1px solid var(--fx-edge-strong)}
.fx-home-ind{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;min-height:96px;padding:22px 8px;border-bottom:1px solid var(--fx-edge-ink)}
.fx-home-ind::before{content:"";position:absolute;inset:0;background:var(--fx-s2);opacity:0;transition:opacity .25s var(--fx-ease-std)}
.fx-home-ind:hover::before,.fx-home-ind:focus-within::before{opacity:1}
.fx-home-ind>*{position:relative}
.fx-home-ind>.fx-home-ind__n{position:static}
.fx-home-ind__go{color:inherit}
.fx-home-ind__go::after{content:"";position:absolute;inset:0;z-index:1}
.fx-home-ind__go:focus-visible{outline:2px solid var(--fx-ring);outline-offset:4px}
.fx-home-ind__demo{z-index:2;justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--fx-size-small);font-weight:600;color:var(--fx-fg-2);text-decoration:underline;text-decoration-color:var(--fx-edge-strong);text-underline-offset:.25em;transition:color .2s}
.fx-home-ind__demo:hover{color:var(--fx-fg)}
.fx-home-ind__n{font-size:clamp(28px,3.4vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.2}
.fx-home-ind__d{font-size:var(--fx-size-lead);color:var(--fx-fg-2)}
.fx-home-ind__s{font-size:var(--fx-size-small);color:var(--fx-fg-3)}
.fx-home-ind__s b{color:var(--fx-fg);font-weight:600}
.fx-home-ind .fx-home-arrow{grid-column:2;grid-row:1/span 4;width:32px;height:32px;color:var(--fx-fg-3);transition:transform .3s var(--fx-ease-out),color .2s}
.fx-home-ind:hover .fx-home-arrow,.fx-home-ind:focus-within .fx-home-arrow{transform:translateX(10px);color:var(--fx-brand)}
.fx-home-ind__calc{margin-top:20px}
.fx-home-peek{display:none}
.fx-home-soon{margin-top:56px;padding-top:32px;border-top:1px dashed var(--fx-edge-strong);display:grid;gap:18px}
.fx-home-soon h3{font-size:var(--fx-size-h3);line-height:1.3}
.fx-home-soon .fx-lead{margin-top:6px}
.fx-home-soon__list{align-items:center}

/* ===== 템플릿 화면 벽 ===== */
.fx-home-wallsec{background:var(--fx-s0);overflow:hidden;flex-direction:column;align-items:stretch;justify-content:center}
.fx-home-wallsec>.fx-wrap{flex:none}
.fx-home-wallsec__head{display:grid;gap:20px;align-items:end}
.fx-home-wallsec h2{font-size:clamp(32px,5vw,64px);line-height:1.15}
.fx-home-wallsec__act{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
.fx-home-wall{display:grid;gap:14px;width:200%;margin:72px 0 0 -50%;transform:rotateX(16deg) rotateZ(-6deg);transform-origin:50% 30%}
.fx-home-wall__row{display:grid;grid-template-columns:repeat(var(--fx-cols,4),calc((100% - 42px) / 4));justify-content:center;gap:14px;transform:translateX(calc(var(--fx-wx,0) * 1px))}
.fx-home-wall__row:nth-child(even){transform:translateX(calc(var(--fx-wx,0) * -1px))}
.fx-home-wall__item{list-style:none;aspect-ratio:16/10;border-radius:var(--fx-radius-m);overflow:hidden;background:var(--fx-s2);box-shadow:inset 0 0 0 1px var(--fx-edge-ink-strong),0 24px 40px -20px rgba(0,0,0,.8)}
.fx-home-wall__item img{width:100%;height:100%;object-fit:cover;object-position:top}
.fx-home-wall__item{position:relative}
.fx-home-wall__badge{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:rgba(10,10,11,.86);color:var(--fx-t1);font-size:12px;font-weight:600;line-height:1.3;letter-spacing:-.01em;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--fx-edge-ink-strong)}
.fx-home-wall__badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--fx-brand)}

/* ===== 후기 (라이트) ===== */
.fx-home-rev h2{font-size:clamp(30px,3.8vw,48px);line-height:1.2}
.fx-home-rev .fx-lead{margin-top:14px;max-width:620px}
.fx-home-rfeat{margin:48px 0 0;padding:clamp(28px,4vw,56px);border-radius:var(--fx-radius-l);background:var(--fx-k1);color:var(--fx-t1);display:grid;gap:28px;box-shadow:var(--fx-shadow-paper)}
.fx-home-rfeat__q p{font-size:clamp(24px,2.6vw,34px);line-height:1.5;font-weight:600;letter-spacing:-.02em}
.fx-home-rfeat__by{display:flex;align-items:center;gap:16px;font-size:16px;color:var(--fx-t2)}
.fx-home-face{width:56px;height:56px;border-radius:50%;flex:none;object-fit:cover;background:#ddd}
.fx-home-rfeat .fx-home-face{width:64px;height:64px}
.fx-home-rsl{margin-top:56px}
.fx-home-rsl__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.fx-home-rsl__t{font-size:var(--fx-size-h3);font-weight:700;letter-spacing:-.02em;color:var(--fx-k1)}
.fx-home-rsl__btns{display:flex;gap:8px}
.fx-home-rsl__b{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--fx-k1);color:var(--fx-paper);transition:transform .25s var(--fx-ease-std),opacity .2s}
.fx-home-rsl__b:hover:not(:disabled){transform:translateY(-2px)}
.fx-home-rsl__b:disabled{opacity:.3;cursor:default}
.fx-home-rtrack{list-style:none;display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 10px;margin:0 -2px;max-width:100%}
.fx-home-rtrack::-webkit-scrollbar{display:none}
.fx-home-rcard{flex:0 0 min(84%,380px);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;border-radius:var(--fx-radius-m);transition:transform .3s var(--fx-ease-out)}
.fx-home-rcard:hover{transform:translateY(-4px)}
.fx-home-rcard--0{background:#fff;box-shadow:inset 0 0 0 1px var(--fx-edge-paper)}
.fx-home-rcard--1{background:#ecece6;box-shadow:inset 0 0 0 1px #d8d8d0}
.fx-home-rcard__q p{font-size:var(--fx-size-lead);line-height:1.7;color:var(--fx-k1)}
.fx-home-rcard__by{display:flex;align-items:center;gap:14px}
.fx-home-rcard__by p{font-size:15px;line-height:1.4;color:var(--fx-k2);font-weight:600}
.fx-home-rev__links{margin-top:28px;display:flex;flex-wrap:wrap;gap:0 32px}

/* ===== 요금 요약 (라이트) ===== */
.fx-home-price[data-fx-surface]{--fx-bg:var(--fx-paper-2)}
.fx-home-price__grid{display:grid;gap:40px;align-items:center}
.fx-home-price h2{font-size:clamp(28px,3.4vw,44px);line-height:1.2;max-width:560px}
.fx-home-price .fx-lead{margin-top:14px;max-width:520px}
.fx-home-price__act{margin-top:28px}
.fx-home-price__box{padding:clamp(28px,4vw,48px);border-radius:var(--fx-radius-l);background:var(--fx-s1);box-shadow:var(--fx-shadow-paper)}
.fx-home-price__k{font-size:16px;font-weight:600;color:var(--fx-fg-2)}
.fx-home-price__big{margin-top:4px;font-size:clamp(44px,6vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--fx-brand)}
.fx-home-price__then{margin-top:8px;font-size:clamp(20px,2vw,26px);font-weight:600}
.fx-home-price__list{margin:24px 0 20px;padding-top:20px;border-top:1px solid var(--fx-edge);display:grid;gap:8px;font-size:17px;color:var(--fx-fg-2)}
.fx-home-price__list li{display:flex;align-items:center;gap:10px}
.fx-home-price__list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fx-fg-3);flex:none}

/* ===== 마지막 CTA ===== */
.fx-home-cta-end{background:var(--fx-s0)}
.fx-home-cta-end h2{font-size:clamp(40px,8vw,112px);line-height:1.08;letter-spacing:-.035em}
.fx-home-cta-end__d{margin-top:28px;max-width:640px}
.fx-home-cta-end__act{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.fx-home-cta-end .fx-button{min-height:64px;padding:0 38px;font-size:20px}
.fx-home-cta-end__price{margin-top:20px;font-size:17px;color:var(--fx-fg-2)}
.fx-home-cta-end .fx-note{max-width:460px}
.fx-home-cta-end .fx-note+.fx-note,.fx-home-cta-end__price+.fx-note{margin-top:10px}

/* ===== 데모 신청 패널 ===== */
body.fx-home-lock{overflow:hidden}
.fx-home-panel{position:fixed;inset:0;z-index:100}
.fx-home-panel[hidden]{display:none}
.fx-home-panel__scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s var(--fx-ease-std)}
.fx-home-panel__box{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);padding:32px 28px;background:var(--fx-s2);box-shadow:inset 1px 0 0 var(--fx-edge-ink-strong);transform:translateX(104%);transition:transform .45s var(--fx-ease-out);overflow-y:auto;color:var(--fx-t1)}
.fx-home-panel.is-open .fx-home-panel__scrim{opacity:1}
.fx-home-panel.is-open .fx-home-panel__box{transform:none}
.fx-home-panel__x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;font-size:26px;line-height:1;color:var(--fx-t2)}
.fx-home-panel__x:hover{background:var(--fx-s3);color:var(--fx-t1)}
.fx-home-panel h2{font-size:32px;line-height:1.25;margin:28px 0 10px}
.fx-home-form{margin-top:28px;display:grid;gap:16px}
.fx-home-form__f{display:grid;gap:8px;font-size:15px;font-weight:600}
.fx-home-form__in{min-height:56px;border-radius:var(--fx-radius-m);background:var(--fx-s0)}

/* ===== 반응형 ===== */
@media (min-width:768px){
  .fx-home-decl{min-height:85vh;padding:120px 0}
  .fx-home-wall{width:120%;margin-left:-10%}
  .fx-home-scene__chart{padding:24px 24px 12px}
  .fx-home-tabs{grid-template-columns:repeat(5,1fr)}
  .fx-home-tab:nth-child(5){grid-column:auto}
  .fx-home-tabbar{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px}
  .fx-home-tabs{flex:1}
  .fx-home-mock__main{padding:28px}
  .fx-home-adgrid{grid-template-columns:1fr 1.2fr}
  .fx-home-table thead th{display:table-cell}
  .fx-home-table thead tr,.fx-home-table tbody tr{display:grid;grid-template-columns:200px 1fr 1fr;gap:0 32px}
  .fx-home-table tbody tr{padding:32px 0}
  .fx-home-table tbody th{margin:6px 0 0}
  .fx-home-table td+td{margin-top:0}
  .fx-home-table td::before{display:none}
  .fx-home-soon{grid-template-columns:1fr 1fr;align-items:center}
  .fx-home-nums{grid-template-columns:1fr 1fr}
  .fx-home-nums>div+div{padding-left:48px;border-left:1px solid var(--fx-edge-strong)}
  .fx-home-pay__head{grid-template-columns:1fr 1fr;gap:48px}
  .fx-home-wallsec__head{grid-template-columns:7fr 5fr}
  .fx-home-price__grid{grid-template-columns:1fr 1fr;gap:64px}
}
@media (min-width:1024px){
  .fx-home-flow{grid-template-columns:1fr auto 1fr auto 1fr}
  .fx-home-flow>.fx-home-arrow{display:block}
  .fx-home-flow>.fx-home-win:nth-of-type(2){margin-top:36px}
  .fx-home-flow>.fx-home-win:nth-of-type(3){margin-top:72px}
  .fx-home-flow>.fx-home-arrow:nth-of-type(1){margin-top:92px}
  .fx-home-flow>.fx-home-arrow:nth-of-type(2){margin-top:128px}
  .fx-home-indwrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
  .fx-home-peek{display:block;position:sticky;top:110px;aspect-ratio:16/10;border-radius:var(--fx-radius-l);background:var(--fx-s2);box-shadow:inset 0 0 0 1px var(--fx-edge-ink-strong),0 40px 80px -30px rgba(0,0,0,.8);overflow:hidden}
  .fx-home-peek__tag{position:absolute;top:12px;left:20px;z-index:1;font-size:13px;font-weight:600;color:var(--fx-t2)}
  .fx-home-pv{position:absolute;left:0;right:0;bottom:0;top:40px;width:100%;height:calc(100% - 40px);object-fit:cover;object-position:top;opacity:0;transform:translateX(18px);transition:opacity .35s var(--fx-ease-std),transform .45s var(--fx-ease-out)}
  .fx-home-pv.is-on{opacity:1;transform:none}
  .fx-home-scene{grid-template-columns:1.55fr 1fr;transform:rotateX(2.5deg) rotateY(-3deg)}
  .fx-home-scene__chart{order:1;border-top:0;border-right:1px solid var(--fx-edge-ink);padding:16px 28px 6px}
  .fx-home-scene__read{order:2;display:flex;flex-direction:column;padding:22px 32px 8px}
  .fx-home-rd{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--fx-edge-ink)}
  .fx-home-rd:last-child{border-bottom:0;margin-bottom:0}
  .fx-home-rd--fee,.fx-home-rd--keep{padding-left:0;padding-right:0;border-right:0}
  .fx-home-rd--sales .fx-home-rd__num{font-size:60px}
  .fx-home-rd__num{font-size:38px}
  .fx-home-rd__lab{font-size:15px}
  .fx-home-proof__head{grid-template-columns:7fr 5fr}
  .fx-home-proof__head .fx-lead{justify-self:end}
  .fx-home-mock__body{grid-template-columns:200px 1fr}
  .fx-home-side{display:block}
  .fx-home-mock{transform:rotateX(3deg) rotateY(-5deg) scale(.985);transform-origin:50% 0}
  .fx-home-mockwrap:hover .fx-home-mock{transform:none}
  .fx-home-decl{padding:160px 0}
  .fx-home-ind{padding:26px 24px}
  .fx-home-wall{width:112%;margin-left:-6%}
}
@media (max-width:767px){
  .fx-home-hero{padding-top:116px}
  .fx-home-sw{margin-top:48px}
  .fx-home-ind__go{display:inline-flex;align-items:center;min-height:44px}
}
@media (max-width:480px){
  .fx-home-metrics{padding-top:40px}
  .fx-home-rd--sales .fx-home-rd__num{font-size:44px}
  .fx-home-rd--fee,.fx-home-rd--keep{grid-column:1/-1;padding:0 0 14px;border-right:0}
  .fx-home-cta .fx-button,.fx-home-cta-end .fx-button{width:100%}
  .fx-home-ord{height:384px}
}

/* ===== reduced motion: 최종 상태 ===== */
@media (prefers-reduced-motion:reduce){
  .fx-home-scene,.fx-home-mock,.fx-home-mockwrap:hover .fx-home-mock{transform:none}
  .fx-home-pause,#fxHomeReplay{display:none}
  .fx-home-gauge i{transform:scaleX(var(--v))}
  .fx-home-rtrack{scroll-behavior:auto}
  .fx-home-wall__row,.fx-home-wall__row:nth-child(even){transform:none}
  .fx-home-ord .fx-list__item.is-new{animation:none}
}