.fxi-page{--fx-orange:#ff5a19;--fx-orange-dark:#e64a0f;--fx-ink:#15181c;--fx-muted:#697078;--fx-line:#e8e8e8;--fx-soft:#fff7f2;background:#fff;color:var(--fx-ink)}
.fxi-page *{box-sizing:border-box}.fxi-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.fxi-eyebrow{font-weight:850;font-size:12px;letter-spacing:.12em;color:#e84d0e;margin-bottom:10px}.fxi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:9px;font-weight:800;text-decoration:none;border:1px solid var(--fx-orange);transition:.2s ease}.fxi-btn.primary{background:var(--fx-orange);color:#fff;box-shadow:0 10px 22px #ff5a1922}.fxi-btn.ghost{background:#fff;color:#d9470e}.fxi-btn:hover{transform:translateY(-1px)}

.fxi-hero{position:relative;background:linear-gradient(118deg,#fff 0%,#fffaf7 43%,#ffe9dc 100%);padding:52px 0 34px;overflow:hidden}.fxi-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,#ffb98c30,transparent 28%);pointer-events:none}.fxi-hero-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.fxi-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#81868b;margin-bottom:20px}.fxi-breadcrumb a{color:#666c72;text-decoration:none}.fxi-hero-copy{position:relative;z-index:2}.fxi-hero h1{font-size:clamp(42px,4.6vw,64px);line-height:.98;letter-spacing:-.048em;margin:0 0 18px;max-width:630px}.fxi-lead{font-size:16px;line-height:1.62;color:#505861;max-width:600px;margin:0}.fxi-checks{list-style:none;padding:0;margin:22px 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.fxi-checks li{font-weight:750;font-size:13px}.fxi-checks li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;background:var(--fx-orange);color:#fff;border-radius:50%;margin-right:8px;font-size:12px}.fxi-actions{display:flex;gap:11px;flex-wrap:wrap}

.fxi-hero-visual{min-height:470px;position:relative}.fxi-orb{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0,#ffe0cc 58%,#ffb17c 100%);right:-40px;top:2px}.fxi-laptop{position:absolute;left:16px;right:92px;top:82px;padding:11px 11px 31px;background:#171a1d;border-radius:17px;box-shadow:0 28px 58px #9b5b3530;z-index:2}.fxi-laptop:after{content:'';position:absolute;left:-34px;right:-34px;bottom:-16px;height:19px;background:linear-gradient(#d9dce0,#9ea3a9);border-radius:4px 4px 18px 18px}.fxi-screen,.fxi-tablet,.fxi-phone{overflow:hidden;background:#f5f5f5}.fxi-screen{aspect-ratio:16/9;border-radius:8px}.fxi-screen img,.fxi-tablet img,.fxi-phone img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.fxi-tablet{position:absolute;right:28px;bottom:26px;width:205px;aspect-ratio:3/4;border:8px solid #202326;border-radius:18px;z-index:4;box-shadow:0 20px 45px #4a2a182a}.fxi-phone{position:absolute;right:-2px;bottom:8px;width:100px;aspect-ratio:9/18;border:7px solid #16191d;border-radius:22px;z-index:5}
.fxi-hero-custom{display:grid;place-items:center;padding:20px 0}.fxi-hero-custom .fxi-orb{width:420px;height:420px;right:-10px;top:18px}.fxi-hero-image-card{position:relative;z-index:3;margin:0;width:min(100%,680px);background:#fff;border:1px solid #f0ded3;border-radius:20px;padding:10px;box-shadow:0 28px 70px #7e3d1b26;transform:rotate(-.4deg)}.fxi-hero-image-card:before{content:'';position:absolute;inset:-1px;border-radius:20px;background:linear-gradient(135deg,#ffffffaa,#ffbb8b22);pointer-events:none}.fxi-hero-image-card img{position:relative;display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:14px}.fxi-hero-image-card figcaption{position:absolute;right:16px;bottom:16px;background:#fffffff2;border:1px solid #f3dfd2;border-radius:12px;padding:10px 13px;font-size:12px;color:#595f66;box-shadow:0 12px 30px #572c1820}.fxi-hero-image-card figcaption strong{color:#e94d12}
.fxi-floating{position:absolute;z-index:7;background:#fffffff4;border:1px solid #fff;border-radius:15px;padding:11px 15px;box-shadow:0 14px 34px #6a371724;display:flex;align-items:center;gap:9px}.fxi-floating strong{font-size:22px;color:var(--fx-orange)}.fxi-floating span{font-size:11px;color:#5d636b;line-height:1.2}.fxi-floating-a{top:22px;left:0}.fxi-floating-b{right:0;top:65px}.fxi-hero-custom .fxi-floating-a{left:8px;top:18px}.fxi-hero-custom .fxi-floating-b{right:2px;top:74px}

.fxi-value-strip{background:#fff;padding:0 0 34px}.fxi-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ece7e3;border-radius:14px;box-shadow:0 12px 35px #5d3a2412;overflow:hidden}.fxi-strip-grid>div{padding:18px 20px;border-right:1px solid #eee}.fxi-strip-grid>div:last-child{border-right:0}.fxi-strip-grid b{display:block;margin-bottom:5px;font-size:14px}.fxi-strip-grid span{font-size:12px;color:#6a7178;line-height:1.45}

.fxi-section{padding:60px 0}.fxi-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.fxi-section h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.038em;line-height:1.07;margin:0 0 9px}.fxi-section-head p,.fxi-marketing p{color:#646b72;line-height:1.62}.fxi-samples{background:#fafbfc}.fxi-sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fxi-sample-card{background:#fff;border:1px solid #e7e9ec;border-radius:13px;overflow:hidden;box-shadow:0 9px 25px #12212b0a;transition:.2s}.fxi-sample-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px #17212b14}.fxi-ratio{aspect-ratio:16/9;background:#f1f2f4;overflow:hidden}.fxi-ratio img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.fxi-sample-body{padding:13px 14px 15px}.fxi-sample-body h3{font-size:15px;margin:0 0 10px;line-height:1.35}.fxi-sample-body a{font-weight:800;color:#ef4e12;text-decoration:none;font-size:13px}.fxi-empty{padding:26px;border:1px dashed #ddd;border-radius:12px;background:#fff}

.fxi-marketing{background:linear-gradient(90deg,#fff8f3,#fff)}.fxi-marketing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.fxi-editor-content{margin-top:24px}.fxi-editor-content h2,.fxi-editor-content h3{font-size:21px;letter-spacing:-.02em}.fxi-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.fxi-benefit{background:#fff;border:1px solid #efe3db;border-radius:13px;padding:20px;min-height:116px}.fxi-benefit span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff0e7;color:#ef4e12;font-weight:850;font-size:12px}.fxi-benefit h3{font-size:16px;margin:12px 0 0;line-height:1.3}

.fxi-process{background:#fff}.fxi-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.fxi-process-grid>div{padding:20px;border:1px solid #ececee;border-radius:13px;background:#fff}.fxi-process-grid span{color:var(--fx-orange);font-weight:900}.fxi-process-grid h3{font-size:16px;margin:9px 0 7px}.fxi-process-grid p{font-size:13px;line-height:1.5;color:#6d747a;margin:0}

.fxi-pricing{background:#fafbfc}.fxi-pricing-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start;margin-top:26px}.fxi-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fxi-price-card{position:relative;background:#fff;border:1px solid #e2e5e8;border-radius:14px;padding:22px;min-height:100%}.fxi-price-card.featured{border:2px solid var(--fx-orange);box-shadow:0 16px 35px #ff5a1914}.fxi-popular{position:absolute;top:-12px;left:18px;background:var(--fx-orange);color:#fff;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900}.fxi-price-card h3{font-size:17px;margin:0 0 11px}.fxi-price{font-size:29px;color:#ef4e12;font-weight:900;letter-spacing:-.03em}.fxi-price-card p{color:#6f767d;font-size:12px;min-height:40px}.fxi-price-card ul{list-style:none;padding:0;margin:16px 0}.fxi-price-card li{padding:6px 0;font-size:13px}.fxi-price-card li:before{content:'✓';color:var(--fx-orange);font-weight:900;margin-right:7px}.fxi-price-card .fxi-btn{width:100%;margin-top:6px}.fxi-addons{background:#fff4ec;border:1px solid #ffd1b7;border-radius:14px;padding:18px}.fxi-addons h3{margin-top:0}.fxi-addons>div{background:#fff;border-radius:10px;padding:13px;margin-top:10px}.fxi-addons b{display:block;font-size:14px}.fxi-addons p{font-size:12px;color:#6c7379;line-height:1.5}.fxi-addons a{color:#ef4e12;font-weight:800;text-decoration:none;font-size:12px}

.fxi-cta{background:linear-gradient(125deg,#171a1d,#4c2411 65%,#ff5a19);color:#fff;padding:50px 0}.fxi-cta-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.fxi-cta h2{font-size:36px;letter-spacing:-.04em;margin:0 0 10px}.fxi-cta p{color:#e7ded8}.fxi-form{background:#fff;color:#1a1d20;border-radius:14px;padding:18px}.fxi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fxi-form input,.fxi-form textarea{width:100%;border:1px solid #dfe2e4;border-radius:8px;padding:12px;margin-bottom:10px;font:inherit}.fxi-form .fxi-btn{width:100%;border:0}.fxi-consent{display:flex;gap:8px;align-items:start;font-size:12px;margin:3px 0 12px}.fxi-consent input{width:auto;margin:2px 0}.fxi-hp{position:absolute!important;left:-9999px!important}.fxi-call a{display:block;color:#fff;font-size:28px;font-weight:900;text-decoration:none}

@media(max-width:980px){.fxi-hero-grid,.fxi-marketing-grid,.fxi-cta-grid{grid-template-columns:1fr}.fxi-hero-copy{max-width:760px}.fxi-hero-visual{min-height:430px}.fxi-hero-custom{min-height:auto;padding-top:0}.fxi-hero-image-card{width:min(100%,760px)}.fxi-strip-grid{grid-template-columns:1fr 1fr}.fxi-strip-grid>div:nth-child(2){border-right:0}.fxi-strip-grid>div:nth-child(-n+2){border-bottom:1px solid #eee}.fxi-sample-grid{grid-template-columns:1fr 1fr}.fxi-process-grid{grid-template-columns:1fr 1fr}.fxi-pricing-layout{grid-template-columns:1fr}.fxi-price-grid{grid-template-columns:1fr 1fr}.fxi-price-card:last-child{grid-column:1/-1}.fxi-floating-b{right:20px}}
@media(max-width:620px){.fxi-wrap{width:min(100% - 24px,1180px)}.fxi-hero{padding:32px 0 26px}.fxi-hero h1{font-size:40px}.fxi-lead{font-size:15px}.fxi-checks{grid-template-columns:1fr}.fxi-actions .fxi-btn{flex:1}.fxi-hero-visual{min-height:318px}.fxi-orb{width:300px;height:300px}.fxi-laptop{left:4px;right:48px;top:65px}.fxi-tablet{width:126px;right:24px;bottom:8px}.fxi-phone{width:67px;right:0}.fxi-hero-custom{min-height:auto;padding:6px 0 12px}.fxi-hero-custom .fxi-orb{width:280px;height:280px}.fxi-hero-image-card{padding:7px;border-radius:14px;transform:none}.fxi-hero-image-card img{border-radius:10px;aspect-ratio:16/10}.fxi-hero-image-card figcaption{right:10px;bottom:10px;font-size:10px;padding:7px 9px}.fxi-floating{padding:7px 9px;border-radius:10px}.fxi-floating strong{font-size:17px}.fxi-floating-b{display:none}.fxi-floating-a{top:0;left:4px}.fxi-hero-custom .fxi-floating-a{left:4px;top:0}.fxi-strip-grid,.fxi-benefit-grid,.fxi-process-grid,.fxi-price-grid{grid-template-columns:1fr}.fxi-strip-grid>div{border-right:0;border-bottom:1px solid #eee}.fxi-sample-grid{grid-template-columns:1fr 1fr;gap:9px}.fxi-sample-body{padding:10px}.fxi-sample-body h3{font-size:13px}.fxi-section{padding:44px 0}.fxi-section-head{align-items:start;flex-direction:column}.fxi-section-head .fxi-btn{width:100%}.fxi-price-card:last-child{grid-column:auto}.fxi-form-row{grid-template-columns:1fr}.fxi-cta h2{font-size:29px}}

/* 3.3.2 — demo trực tiếp cho mẫu giao diện ngành */
.fxi-preview-trigger{position:relative;display:block;width:100%;border:0;padding:0;cursor:pointer;text-align:left}
.fxi-preview-hover{position:absolute;inset:auto 12px 12px auto;padding:8px 11px;border-radius:9px;background:#17191de8;color:#fff;font-size:11px;font-weight:850;opacity:0;transform:translateY(5px);transition:.18s ease;backdrop-filter:blur(7px)}
.fxi-preview-trigger:hover .fxi-preview-hover,.fxi-preview-trigger:focus-visible .fxi-preview-hover{opacity:1;transform:none}
.fxi-demo-btn{border:0;background:transparent;padding:0;color:#ef4e12;font-weight:850;font-size:13px;cursor:pointer;text-align:left}.fxi-demo-btn span{font-size:11px;margin-right:5px}.fxi-demo-btn:hover{text-decoration:underline}
html.fxi-demo-open,body.fxi-demo-open{overflow:hidden!important}
.fxi-demo-modal{position:fixed;inset:0;z-index:999999;display:none;place-items:center;padding:22px;pointer-events:none}
.fxi-demo-modal.is-open{display:grid;pointer-events:auto}.fxi-demo-backdrop{position:absolute;inset:0;background:#0b0f14dc;backdrop-filter:blur(5px)}
.fxi-demo-shell{position:relative;width:min(1480px,96vw);height:min(92vh,940px);display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#e9edf0;box-shadow:0 35px 100px #0008}
.fxi-demo-toolbar{min-height:60px;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(60px,1fr);align-items:center;gap:14px;padding:9px 14px;background:#fff;border-bottom:1px solid #e4e8eb}
.fxi-demo-title{display:flex;align-items:center;gap:10px;min-width:0}.fxi-demo-title strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fxi-live-dot{width:8px;height:8px;border-radius:50%;background:#40b96b;box-shadow:0 0 0 4px #40b96b1b;flex:none}
.fxi-demo-devices{display:flex;gap:4px;padding:4px;background:#f2f4f5;border-radius:10px}.fxi-demo-devices button,.fxi-demo-sourcebar button,.fxi-demo-close{border:0;border-radius:7px;background:transparent;padding:8px 11px;font:inherit;font-size:11px;font-weight:800;color:#5a6269;cursor:pointer}.fxi-demo-devices button[aria-pressed=true],.fxi-demo-sourcebar button.active{background:#fff;color:#171a1e;box-shadow:0 2px 9px #16202a16}.fxi-demo-close{justify-self:end;background:#fff0e8;color:#a74318;font-size:14px}
.fxi-demo-sourcebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#fafafa;border-bottom:1px solid #e5e8ea}.fxi-demo-sourcebar>div{display:flex;gap:6px}.fxi-demo-sourcebar button{background:#fff;border:1px solid #dfe4e7}.fxi-demo-sourcebar a{font-size:11px;font-weight:850;color:#e84d0e;text-decoration:none}
.fxi-demo-note{padding:7px 14px;background:#fff8f3;color:#747b81;font-size:10px;text-align:center;border-bottom:1px solid #f0e0d7}.fxi-demo-stage{width:100%;flex:1;min-height:0;margin:auto;transition:width .2s ease;background:#dce1e5;overflow:hidden}.fxi-demo-stage.tablet{width:min(820px,100%)}.fxi-demo-stage.mobile{width:min(430px,100%)}.fxi-demo-stage iframe{width:100%;height:100%;border:0;background:#fff}.fxi-demo-image{height:100%;overflow:auto;background:#fff}.fxi-demo-image img{display:block;width:100%;height:auto;margin:0 auto}.fxi-demo-stage [hidden],.fxi-demo-sourcebar [hidden]{display:none!important}
@media(max-width:700px){.fxi-demo-modal{padding:8px}.fxi-demo-shell{width:100%;height:94vh;border-radius:14px}.fxi-demo-toolbar{grid-template-columns:1fr auto;gap:8px}.fxi-demo-devices{grid-column:1/-1;grid-row:2;justify-content:center}.fxi-demo-sourcebar{align-items:flex-start;flex-direction:column}.fxi-demo-sourcebar a{align-self:flex-end}.fxi-preview-hover{display:none}}