/* FXStatus v0.7.319 — landing only.
   System fonts; static glass surfaces; no network or animation dependencies. */
:root { --fxh-brand:#5364ff; --fxh-brand-2:#7548ff; --fxh-blue:#27a8ff; --fxh-cyan:#20d4ff; --fxh-green:#20d391; --fxh-red:#ff5c72; --fxh-orange:#ffad32; --fxh-rose:#ff5d9e; --fxh-shadow:0 22px 70px rgba(8,22,42,.12); }
html[data-theme="dark"] { --fxh-soft:rgba(255,255,255,.045); --fxh-input:rgba(255,255,255,.055); }
html[data-theme="light"] { --fxh-card:#ffffff; --fxh-card-2:#f7f9fc; --fxh-soft:#f3f6fa; --fxh-input:#ffffff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.fx-home-body { margin:0; min-width:320px; background:var(--fxh-page); color:var(--fxh-text); font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; font-size:16px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body.fx-home-body a { color:inherit; }
body.fx-home-body img { display:block; max-width:100%; }
body.fx-home-body button,body.fx-home-body input { font:inherit; }
body.fx-home-body svg { display:block; }
:where(body.fx-home-body) :where(h1,h2,h3,p) { margin-top:0; }
body.fx-home-body h1,body.fx-home-body h2,body.fx-home-body h3 { letter-spacing:-.035em; }
.fx-home-container { margin:0 auto; }
.fx-home-skip { position:fixed; left:16px; top:12px; z-index:300; transform:translateY(-150%); padding:10px 14px; border-radius:10px; background:#fff; color:#0b1d2d!important; font-size:14px; font-weight:700; text-decoration:none; box-shadow:0 8px 30px rgba(0,0,0,.2); }
.fx-home-skip:focus { transform:translateY(0); }
.fx-home-header { position:sticky; top:0; z-index:100; height:78px; border-bottom:1px solid rgba(142,177,212,.12); color:var(--fxh-header-text); }
.fx-home-nav-wrap { height:100%; display:flex; align-items:center; }
.fx-home-brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; }
.fx-home-brand-mark { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(135deg,#3b7cff,#7346ff); box-shadow:0 10px 30px rgba(88,78,255,.32); font-size:17px; font-weight:700; color:#fff; }
.fx-home-brand-mark img { width:100%; height:100%; object-fit:contain; }
.fx-home-brand-copy { display:grid; line-height:1.08; }
.fx-home-brand-copy b { font-size:21px; font-weight:700; letter-spacing:-.025em; }
.fx-home-brand-copy small { margin-top:4px; color:var(--fxh-header-muted); font-weight:600; }
.fx-home-nav { margin-left:auto; display:flex; align-items:center; }
.fx-home-nav a { text-decoration:none; transition:color .18s ease; }
.fx-home-nav-actions { display:flex; align-items:center; gap:10px; }
.fx-home-menu-btn { width:44px; height:44px; border:1px solid rgba(144,178,211,.25); border-radius:12px; place-items:center; cursor:pointer; transition:.18s ease; }
.fx-home-icon-btn { width:44px; height:44px; border:1px solid rgba(144,178,211,.25); border-radius:12px; display:grid; place-items:center; cursor:pointer; transition:.18s ease; }
.fx-home-icon-btn:hover,.fx-home-menu-btn:hover { background:rgba(255,255,255,.085); border-color:rgba(144,178,211,.4); }
.fx-home-icon-btn img,.fx-home-menu-btn img { width:22px; height:22px; }
.fx-home-theme-sun { display:none!important; }
html[data-theme="light"] .fx-home-theme-moon { display:none!important; }
html[data-theme="light"] .fx-home-theme-sun { display:block!important; }
.fx-home-menu-btn { display:none; }
.fx-home-btn { min-height:44px; border:1px solid transparent; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; gap:10px; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease; }
.fx-home-btn:hover { transform:translateY(-1px); }
.fx-home-btn:focus-visible,.fx-home-icon-btn:focus-visible,.fx-home-menu-btn:focus-visible,.fx-home-faq-item summary:focus-visible,.fx-home-text-action:focus-visible,.fx-home-guide-grid a:focus-visible { outline:3px solid rgba(81,106,255,.35); outline-offset:3px; }
.fx-home-btn-primary { color:#fff!important; }
.fx-home-btn-lg { border-radius:14px; }
.fx-home-section { position:relative; }
.fx-home-surface { background:var(--fxh-surface); color:var(--fxh-text); }
.fx-home-surface-alt { color:var(--fxh-text); }
.fx-home-ink { position:relative; }
.fx-home-ink:before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 16% 0%,rgba(38,130,255,.10),transparent 32%),radial-gradient(circle at 88% 14%,rgba(93,68,255,.12),transparent 30%); }
.fx-home-kicker { display:block; margin-bottom:13px; text-transform:uppercase; }
.fx-home-section-copy h2 span,.fx-home-feature-heading h2 span { background:linear-gradient(110deg,#367dff,#6a4cff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.fx-home-ink .fx-home-section-copy h2 { color:#fff; }
.fx-home-ink .fx-home-section-copy>p { color:#9db2c6; }
.positive { color:#25d99a!important; }
.negative { color:#ff6176!important; }
.cyan-text { color:#35caff!important; }
.fx-home-hero { isolation:isolate; }
.fx-home-hero-glow { position:absolute; pointer-events:none; filter:blur(8px); opacity:.95; }
.fx-home-hero-glow-a { width:620px; height:620px; right:-180px; top:-230px; background:radial-gradient(circle,rgba(33,120,255,.26),rgba(34,101,230,.05) 48%,transparent 70%); }
.fx-home-hero-glow-b { width:520px; height:520px; left:-260px; bottom:-330px; background:radial-gradient(circle,rgba(24,209,171,.11),transparent 70%); }
.fx-home-hero-grid { position:relative; z-index:2; display:grid; align-items:center; }
.fx-home-hero-copy h1 { margin:0; max-width:720px; }
.fx-home-hero-copy h1 span { display:block; background:linear-gradient(100deg,#32afff 3%,#5077ff 47%,#8c4dff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.fx-home-hero-lead { margin:25px 0 0; max-width:630px; }
.fx-home-hero-actions { display:flex; flex-wrap:wrap; }
.fx-home-hero-trust { display:flex; align-items:center; flex-wrap:wrap; }
.fx-home-hero-trust span { display:flex; align-items:center; gap:8px; }
.fx-home-hero-trust img { width:21px; height:21px; padding:4px; border-radius:50%; background:#0abf8d; }
.fx-home-hero-visual { position:relative; min-width:0; }
.fx-home-app-shell { position:relative; z-index:2; width:100%; border:1px solid rgba(122,173,219,.20); overflow:hidden; }
.fx-home-app-topbar { height:58px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid rgba(119,166,207,.14); }
.fx-home-app-brand { display:flex; align-items:center; gap:9px; color:#fff; font-size:14px; }
.fx-home-app-brand span { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; background:linear-gradient(135deg,#3d76ff,#7648ff); font-size:14px; font-weight:700; }
.fx-home-app-top-actions { display:flex; align-items:center; gap:10px; color:#c2d4e4; font-size:14px; font-weight:700; }
.fx-home-app-top-actions>span { padding:8px 12px; border:1px solid rgba(132,174,210,.16); border-radius:9px; background:#0c2638; }
.fx-home-app-top-actions i { width:30px; height:30px; border-radius:50%; border:1px solid rgba(132,174,210,.16); background:#0c2638; }
.fx-home-app-main { display:grid; }
.fx-home-app-side { padding:18px 10px; border-right:1px solid rgba(117,165,205,.12); align-content:start; gap:8px; background:#071925; }
.fx-home-app-side span { min-height:39px; padding:0 10px; border-radius:8px; display:flex; align-items:center; gap:9px; color:#8ea9bd; font-size:14px; font-weight:700; }
.fx-home-app-side span.active { color:#fff; background:linear-gradient(90deg,rgba(86,83,255,.32),rgba(66,70,180,.16)); }
.fx-home-app-side img { width:17px; height:17px; opacity:.85; }
.fx-home-app-content { min-width:0; }
.fx-home-app-heading { display:flex; justify-content:space-between; gap:14px; margin-bottom:16px; }
.fx-home-app-heading>div { display:grid; gap:3px; }
.fx-home-app-heading small { color:#7d98ad; font-size:14px; text-transform:uppercase; letter-spacing:.08em; }
.fx-home-app-heading b { font-size:20px; color:#fff; }
.fx-home-app-heading>span { display:flex; align-items:center; gap:7px; color:#8faabd; }
.fx-home-app-heading>span i { width:7px; height:7px; border-radius:50%; background:#17d498; box-shadow:0 0 0 4px rgba(23,212,152,.10); }
.fx-home-metrics { display:grid; }
.fx-home-metrics article { min-width:0; border:1px solid rgba(122,168,205,.12); border-radius:10px; background:#0d2636; }
.fx-home-metrics article.good { background:linear-gradient(145deg,rgba(5,71,65,.72),rgba(12,43,51,.85)); }
.fx-home-metrics article.bad { background:linear-gradient(145deg,rgba(74,35,55,.75),rgba(30,37,50,.9)); }
.fx-home-metrics article.info { background:linear-gradient(145deg,rgba(8,52,81,.86),rgba(17,40,60,.92)); }
.fx-home-metrics span { display:block; color:#9bb0c0; overflow:hidden; text-overflow:ellipsis; }
.fx-home-metrics strong { display:block; margin-top:3px; color:#fff; }
.fx-home-metrics em { display:block; margin-top:4px; color:#58e0b5; font-style:normal; }
.fx-home-dashboard-grid { display:grid; gap:10px; }
.fx-home-chart-panel { border:1px solid rgba(120,164,201,.12); border-radius:10px; background:#0a2231; overflow:hidden; }
.fx-home-account-panel { border:1px solid rgba(120,164,201,.12); border-radius:10px; overflow:hidden; }
.fx-home-account-head,.fx-home-account-row { display:grid; align-items:center; }
.fx-home-account-head { border-bottom:1px solid rgba(120,164,201,.10); }
.fx-home-account-row { border-bottom:1px solid rgba(120,164,201,.08); color:#d9e4ec; }
.fx-home-account-row:last-child { border-bottom:0; }
.fx-home-account-row>span:first-child { display:grid; }
.fx-home-account-row b { color:#fff; }
.fx-home-account-row>span:not(:first-child) { text-align:right; }
.fx-home-chart-panel { padding:10px; }
.fx-home-chart-panel>div { display:flex; justify-content:space-between; gap:10px; color:#dbe6ed; font-size:14px; }
.fx-home-chart-panel>div span { color:#7f98aa; }
.fx-home-chart-panel svg { width:100%; height:150px; margin-top:9px; overflow:visible; }
.fx-home-chart-panel .grid { fill:none; stroke:rgba(122,171,205,.10); stroke-width:1; }
.fx-home-chart-panel .line { fill:none; stroke:#19d89b; stroke-width:4; stroke-linecap:round; }
.fx-home-chart-panel .area { fill:rgba(25,216,155,.10); stroke:none; opacity:1; }
.fx-home-phone-shell { position:absolute; right:0; bottom:0; z-index:4; width:184px; height:350px; padding:27px 10px 14px; border:7px solid #050b12; border-radius:31px; background:#081d2a; box-shadow:0 24px 58px rgba(0,0,0,.48); overflow:hidden; }
.fx-home-phone-notch { position:absolute; top:7px; left:50%; transform:translateX(-50%); width:72px; height:14px; border-radius:0 0 10px 10px; background:#050b12; }
.fx-home-phone-head { display:flex; align-items:center; gap:6px; color:#fff; font-size:14px; }
.fx-home-phone-head span { width:22px; height:22px; border-radius:6px; display:grid; place-items:center; background:linear-gradient(135deg,#3e78ff,#7549ff); font-size:14px; font-weight:700; }
.fx-home-phone-head b { font-size:14px; }
.fx-home-phone-head i { margin-left:auto; font-size:14px; font-style:normal; }
.fx-home-phone-title { margin:16px 0 8px; color:#dce8ef; font-size:14px; font-weight:700; }
.fx-home-phone-card { padding:10px; border:1px solid rgba(109,164,202,.14); border-radius:10px; background:linear-gradient(150deg,rgba(3,64,66,.75),rgba(9,38,48,.92)); }
.fx-home-phone-card span { display:block; color:#93aabd; font-size:14px; }
.fx-home-phone-card strong { display:block; margin-top:3px; color:#fff; font-size:17px; }
.fx-home-phone-card>b { display:block; color:#1fe09b; font-size:14px; }
.fx-home-phone-card svg { width:100%; height:48px; margin-top:5px; }
.fx-home-phone-card svg path { fill:none; stroke:#17dc9b; stroke-width:3; }
.fx-home-phone-list { margin-top:9px; padding:9px; border:1px solid rgba(109,164,202,.12); border-radius:10px; background:#09202e; color:#d5e3eb; }
.fx-home-phone-list>b { display:block; margin-bottom:6px; font-size:14px; }
.fx-home-phone-list span { display:flex; justify-content:space-between; padding:4px 0; font-size:14px; }
.fx-home-phone-list em { font-style:normal; color:#1ed89b; font-weight:700; }
.fx-home-quick-grid { position:relative; z-index:4; display:grid; border-top:1px solid rgba(133,174,209,.14); border-bottom:1px solid rgba(133,174,209,.10); }
.fx-home-quick-grid article { min-width:0; display:flex; align-items:center; gap:14px; border-right:1px solid rgba(133,174,209,.12); }
.fx-home-quick-grid article:last-child { border-right:0; }
.fx-home-guide-icon { flex:0 0 auto; display:grid; place-items:center; box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.16); }
.fx-home-feature-icon { display:grid; place-items:center; background:linear-gradient(145deg,#315eab,#274369); }
.fx-home-quick-icon { flex:0 0 auto; display:grid; place-items:center; background:linear-gradient(145deg,#315eab,#274369); }
.fx-home-quick-icon img { width:25px; height:25px; }
.fx-home-quick-icon.green,.fx-home-feature-icon.green { background:linear-gradient(145deg,#0c9e76,#05705d); }
.fx-home-quick-icon.blue,.fx-home-feature-icon.blue { background:linear-gradient(145deg,#2698f3,#1468bb); }
.fx-home-quick-icon.violet,.fx-home-feature-icon.violet { background:linear-gradient(145deg,#7e55ff,#5530c9); }
.fx-home-quick-icon.orange,.fx-home-feature-icon.amber { background:linear-gradient(145deg,#ffbb3f,#d58209); }
.fx-home-quick-icon.rose,.fx-home-feature-icon.rose { background:linear-gradient(145deg,#ff6aa7,#d73b7a); }
.fx-home-quick-icon.cyan,.fx-home-feature-icon.cyan { background:linear-gradient(145deg,#18bad8,#117ca3); }
.fx-home-quick-grid b { display:block; }
.fx-home-quick-grid small { display:block; margin-top:4px; line-height:1.35; }
.fx-home-features-section { padding-top:104px; padding-bottom:112px; position:relative; }
.fx-home-features-section:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 88% 7%,rgba(35,118,255,.16),transparent 27%),linear-gradient(180deg,rgba(5,21,33,.18),transparent 32%); pointer-events:none; }
.fx-home-feature-heading { display:flex; justify-content:space-between; position:relative; z-index:1; }
.fx-home-feature-heading>div { min-width:0; }
.fx-home-feature-heading h2 span { display:inline; }
.fx-home-feature-heading>a { flex:0 0 auto; }
.fx-home-feature-note { flex:0 0 auto; min-width:176px; padding:13px 15px; display:flex; align-items:center; gap:12px; }
.fx-home-feature-note>span { width:46px; height:46px; border-radius:14px; background:linear-gradient(145deg,#3d7cff,#6949ff); display:grid; place-items:center; color:#fff; font-size:20px; font-weight:700; }
.fx-home-feature-note small { line-height:1.3; }
.fx-home-bento-v315 { position:relative; z-index:1; display:grid; }
.fx-home-bento-v315 .fx-home-bento-card { grid-column:auto; min-width:0; display:flex; flex-direction:column; }
.fx-home-bento-copy { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; column-gap:16px; row-gap:16px; }
.fx-home-bento-copy>div { display:contents; }
.fx-home-feature-icon { flex:0 0 auto; }
.fx-home-bento-copy h3 { grid-column:2; grid-row:1; align-self:center; font-weight:700; }
.fx-home-bento-copy p { grid-column:1/-1; grid-row:2; margin:0; }
.fx-home-bento-metrics { margin-top:auto; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.fx-home-bento-metrics span { padding:11px; border:1px solid rgba(130,174,209,.12); border-radius:11px; background:linear-gradient(145deg,#0b2a38,#0a2231); }
.fx-home-bento-metrics small { display:block; color:#91a9bb; font-size:14px; }
.fx-home-bento-metrics b { display:block; margin-top:4px; color:#fff; font-size:17px; }
.fx-home-bento-metrics em { display:block; margin-top:2px; color:#7f9ab0; font-size:14px; font-style:normal; }
.fx-home-v315-tabs { padding:4px; border:1px solid rgba(132,180,219,.11); border-radius:10px; background:#091f2e; display:grid; grid-template-columns:1fr 1fr; gap:3px; }
.fx-home-v315-tabs span { min-height:34px; border-radius:7px; color:#829caf; font-size:14px; font-weight:700; display:grid; place-items:center; }
.fx-home-v315-tabs span.active { background:#0e3650; color:#dbe9f2; box-shadow:inset 0 -2px 0 #2ca9ff; }
.fx-home-history-table { margin-top:9px; border:1px solid rgba(132,180,219,.10); border-radius:12px; background:#091f2e; overflow:hidden; }
.fx-home-history-table>div { display:grid; grid-template-columns:1fr .8fr .8fr .8fr; gap:7px; padding:9px 10px; border-bottom:1px solid rgba(132,180,219,.07); font-size:14px; color:#d5e2eb; }
.fx-home-history-table>div:first-child { color:#7690a5; }
.fx-home-history-table>div:last-child { border-bottom:0; }
.fx-home-history-table span:last-child { text-align:right; }
.fx-home-history-table .positive,.fx-home-history-table .negative { font-weight:700; }
.fx-home-group-mini { margin-top:auto; border:0; background:transparent; overflow:visible; }
.fx-home-v315-groups .fx-home-group-mini-head { padding:10px 11px; border:1px solid rgba(132,180,219,.10); border-radius:11px 11px 0 0; background:#0c2a3a; color:#dce7ee; font-size:14px; }
.fx-home-v315-groups .fx-home-group-mini-head span { padding:3px 7px; border-radius:7px; background:#0c4b72; color:#46c9ff; font-weight:700; }
.fx-home-v315-groups>span { display:grid; align-items:center; padding:8px 11px; border:1px solid rgba(132,180,219,.08); border-top:0; background:#091f2e; }
.fx-home-v315-groups>span:last-child { border-radius:0 0 11px 11px; }
.fx-home-v315-groups .avatar { width:24px; height:24px; border-radius:8px; background:linear-gradient(145deg,#ff8f55,#e63a68); }
.fx-home-v315-groups .avatar.a2 { background:linear-gradient(145deg,#16c3a1,#0d7aa8); }
.fx-home-v315-groups .avatar.a3 { background:linear-gradient(145deg,#e7aa34,#9e7222); }
.fx-home-v315-groups .avatar.a4 { background:linear-gradient(145deg,#7e55ff,#4b36ba); }
.fx-home-v315-groups>span b { color:#e9f0f5; font-size:14px; }
.fx-home-v315-groups>span small { color:#7f98ab; font-size:14px; }
.fx-home-v315-groups>span em { color:#9ab0c0; font-size:18px; font-style:normal; }
.fx-home-link-demo { min-height:46px; display:flex; align-items:center; gap:8px; padding-left:12px; border:1px solid rgba(132,180,219,.14); border-radius:11px; background:#091f2e; }
.fx-home-link-demo>span { min-width:0; flex:1; color:#c8d8e4; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fx-home-link-demo .fx-home-copy-illustration { width:44px; height:44px; border:0; border-radius:10px; background:linear-gradient(145deg,#5e55ff,#6e40f3); display:grid; place-items:center; }
.fx-home-link-demo img { width:21px; height:21px; }
.fx-home-v315-public-preview { margin-top:10px; padding:12px; border:1px solid rgba(132,180,219,.10); border-radius:12px; background:#0a2231; }
.fx-home-v315-public-preview>div:first-child { display:grid; align-items:center; gap:9px; }
.fx-home-v315-avatar { width:38px; height:38px; border-radius:11px; background:linear-gradient(145deg,#456fff,#6e42f5); display:grid; place-items:center; color:#fff; font-size:14px; font-weight:700; }
.fx-home-v315-public-preview p { margin:0; min-width:0; }
.fx-home-v315-public-preview p b,.fx-home-v315-public-preview p small { display:block; }
.fx-home-v315-public-preview p b { color:#f0f5f8; font-size:14px; }
.fx-home-v315-public-preview p small { margin-top:2px; color:#8199ab; font-size:14px; }
.fx-home-v315-public-preview>div:first-child>em { padding:5px 8px; border-radius:999px; background:rgba(34,216,155,.16); color:#42e1ac; font-size:14px; font-style:normal; font-weight:700; }
.fx-home-v315-public-preview>div:last-child { margin-top:11px; padding-top:10px; border-top:1px solid rgba(132,180,219,.08); display:grid; gap:8px; }
.fx-home-v315-public-preview>div:last-child span { min-width:0; }
.fx-home-v315-public-preview>div:last-child small { display:block; color:#7f97a9; font-size:14px; }
.fx-home-v315-public-preview>div:last-child b { display:block; margin-top:3px; color:#e5eef4; font-size:14px; white-space:nowrap; }
.fx-home-v315-switch-list { margin-top:auto; display:grid; gap:8px; }
.fx-home-v315-switch-list>span { min-height:46px; padding:8px 10px; border:1px solid rgba(132,180,219,.10); border-radius:11px; background:#0a2231; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; }
.fx-home-v315-switch-list .check { width:21px; height:21px; border-radius:6px; background:#1bd49a; color:#062b20; font-size:14px; font-style:normal; font-weight:700; display:grid; place-items:center; }
.fx-home-v315-switch-list b { color:#dbe6ed; font-size:14px; }
.fx-home-v315-switch-list .switch { position:relative; width:36px; height:20px; border-radius:999px; background:#243b4a; }
.fx-home-v315-switch-list .switch:after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; }
.fx-home-v315-switch-list .switch.on { background:linear-gradient(90deg,#367dff,#604cff); }
.fx-home-v315-switch-list .switch.on:after { left:19px; }
.fx-home-v315-channels { margin-top:10px; display:flex; flex-wrap:wrap; }
.fx-home-v315-channels span { flex:1; min-width:0; min-height:34px; border:1px solid rgba(137,179,214,.12); border-radius:9px; background:#0a2231; color:#c7d7e2; display:flex; align-items:center; justify-content:center; }
.fx-home-v315-channels img { max-width:19px; max-height:19px; object-fit:contain; display:block; }
.fx-home-v315-access-list { margin-top:auto; display:grid; gap:8px; }
.fx-home-v315-access-list>span { min-height:53px; padding:9px 10px; border:1px solid rgba(132,180,219,.10); border-radius:11px; background:#0a2231; display:grid; grid-template-columns:auto 1fr auto; grid-template-rows:auto auto; column-gap:9px; align-items:center; }
.fx-home-v315-access-list>span>img { grid-row:1/3; width:24px; height:24px; padding:5px; border-radius:8px; background:#102f43; }
.fx-home-v315-access-list b { color:#dce7ee; font-size:14px; }
.fx-home-v315-access-list small { color:#7892a6; font-size:14px; }
.fx-home-v315-access-list em { grid-row:1/3; grid-column:3; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; background:#315eff; color:#fff; font-size:14px; font-style:normal; }
.fx-home-v315-access-list>span.active { border-color:#5066ff; background:linear-gradient(145deg,rgba(46,71,147,.32),rgba(37,34,101,.33)); }
.fx-home-v315-thresholds { margin-top:auto; display:grid; gap:9px; }
.fx-home-v315-thresholds>div { min-height:62px; padding:10px 12px; border:1px solid rgba(132,180,219,.10); border-radius:11px; background:#0a2231; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.fx-home-v315-thresholds span b,.fx-home-v315-thresholds span small { display:block; }
.fx-home-v315-thresholds span b { color:#dfe8ee; font-size:14px; }
.fx-home-v315-thresholds span small { margin-top:3px; color:#7e97a9; font-size:14px; }
.fx-home-v315-thresholds i { width:38px; height:38px; border-radius:11px; background:#102f43; display:grid; place-items:center; font-size:17px; font-style:normal; font-weight:700; }
.fx-home-v315-threshold-note { margin-top:9px; padding:9px 10px; border:1px solid rgba(132,180,219,.08); border-radius:10px; background:#091f2e; display:flex; align-items:center; gap:8px; color:#8ba3b5; font-size:14px; line-height:1.35; }
.fx-home-v315-threshold-note img { width:19px; height:19px; opacity:.9; }
.fx-home-pricing-heading { position:relative; z-index:1; display:flex; justify-content:space-between; }
.fx-home-free-label { flex:0 0 auto; padding:14px 16px; display:grid; gap:3px; }
.fx-home-free-label span { font-size:14px; font-weight:700; letter-spacing:.12em; }
.fx-home-pricing-grid { position:relative; z-index:1; display:grid; align-items:stretch; }
.fx-home-price-card { position:relative; display:flex; flex-direction:column; min-width:0; }
.fx-home-price-badge { font-weight:700; }
.fx-home-price-note { position:absolute; right:18px; top:18px; padding:5px 9px; border-radius:999px; font-size:14px; }
.fx-home-price-card h3 { margin:13px 0 0; font-weight:700; letter-spacing:0; }
.fx-home-price { display:flex; align-items:baseline; }
.fx-home-price b { font-weight:700; }
.fx-home-price-card>p { margin:18px 0 0; }
.fx-home-price-card ul { list-style:none; padding:0; display:grid; gap:9px; }
.fx-home-price-card li { display:flex; align-items:center; gap:8px; }
.fx-home-price-card li img { width:19px; height:19px; padding:4px; border-radius:50%; background:#16b982; }
.fx-home-price-card>a { margin-top:auto; width:100%; }
.fx-home-business-list { margin-top:16px; display:grid; }
.fx-home-business-list span { display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid rgba(133,178,214,.10); border-radius:9px; }
.fx-home-business-list em { font-style:normal; }
.fx-home-pricing-foot { position:relative; z-index:1; margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.fx-home-pricing-foot>span { display:grid; grid-template-columns:auto auto; align-items:center; column-gap:10px; }
.fx-home-pricing-foot-icon { grid-row:1/3; width:42px; height:42px; padding:10px; border-radius:13px; background:#6C4AFF; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
.fx-home-pricing-foot-icon img { display:block; width:100%; height:100%; filter:brightness(0) invert(1); }
.fx-home-pricing-foot>a { font-size:14px; font-weight:700; text-decoration:none; }
.fx-home-pricing-foot>a:hover { text-decoration:underline; text-underline-offset:4px; }
.fx-home-guide { display:grid; align-items:center; }
.fx-home-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.fx-home-guide-grid a { min-width:0; text-decoration:none; display:grid; transition:.18s ease; }
.fx-home-guide-grid a:hover { transform:translateY(-2px); border-color:rgba(82,101,255,.36); }
.fx-home-guide-icon { border-radius:14px; background:linear-gradient(145deg,#4b73ff,#6649ff); }
.fx-home-guide-icon img { width:25px; height:25px; }
.fx-home-guide-grid b { display:block; color:var(--fxh-title); }
.fx-home-guide-grid small { display:block; margin-top:4px; color:var(--fxh-muted); }
.fx-home-guide-grid i { color:#6174ff; font-style:normal; font-size:18px; font-weight:700; }
.fx-home-faq-layout { display:grid; align-items:start; }
.fx-home-faq-list { display:grid; }
.fx-home-faq-item { border-bottom:1px solid var(--fxh-line); }
.fx-home-faq-item summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; color:var(--fxh-title); }
.fx-home-faq-item summary::-webkit-details-marker { display:none; }
.fx-home-faq-item summary span { width:30px; height:30px; border:1px solid var(--fxh-line); border-radius:9px; display:grid; place-items:center; font-size:20px; line-height:1; transition:transform .18s ease; }
.fx-home-faq-item[open] summary span { transform:rotate(45deg); }
.fx-home-faq-item p { margin:0; color:var(--fxh-muted); }
.fx-home-final-card { position:relative; z-index:1; display:grid; align-items:center; }
.fx-home-final-logo { width:68px; height:68px; border-radius:18px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(135deg,#3d78ff,#7448ff); font-size:18px; font-weight:700; }
.fx-home-final-logo img { width:100%; height:100%; object-fit:contain; }
.fx-home-final .fx-home-kicker { margin-bottom:5px; }
.fx-home-final h2 { margin:0; font-weight:700; }
.fx-home-final p { margin:7px 0 0; }
.fx-home-final-actions { display:flex; gap:10px; }
.fx-home-footer { padding:30px 0 26px; border-top:1px solid rgba(138,177,211,.10); }
.fx-home-footer-grid { position:relative; z-index:1; display:grid; padding-bottom:28px; }
.fx-home-footer-brand p { margin:14px 0 0; max-width:390px; line-height:1.6; }
.fx-home-footer-grid>div:not(:first-child) { display:grid; align-content:start; gap:8px; }
.fx-home-footer-grid>div:not(:first-child)>b { margin-bottom:5px; }
.fx-home-footer-grid>div:not(:first-child)>a { text-decoration:none; }
.fx-home-disclaimer { position:relative; z-index:1; padding:20px 0; border-top:1px solid rgba(138,177,211,.10); border-bottom:1px solid rgba(138,177,211,.10); line-height:1.6; }
.fx-home-copyright { position:relative; z-index:1; padding-top:18px; }
@media (max-width:1250px) {
  .fx-home-app-side span { padding:0 7px; font-size:14px; }
}
@media (max-width:1100px) {
  .fx-home-header { height:70px; }
  .fx-home-nav { display:none; position:absolute; left:20px; right:20px; top:76px; margin:0; padding:10px; border:1px solid rgba(135,177,212,.20); border-radius:16px; background:rgba(7,22,34,.98); box-shadow:0 20px 50px rgba(0,0,0,.30); flex-direction:column; align-items:stretch; }
  .fx-home-nav.open { display:flex; }
  .fx-home-nav a { padding:12px 13px; border-radius:10px; }
  .fx-home-nav a:hover { background:rgba(255,255,255,.06); }
  .fx-home-menu-btn { display:grid; }
  .fx-home-brand-copy small { display:none; }
  .fx-home-hero { padding-top:50px; }
  .fx-home-hero-copy { max-width:760px; }
  .fx-home-hero-visual { max-width:900px; margin:0 auto; width:100%; }
  .fx-home-quick-grid article:nth-child(3) { border-right:0; }
  .fx-home-section-copy { max-width:760px; }
  .fx-home-bento-v315 .fx-home-bento-card { grid-column:auto; }
  .fx-home-faq-layout .fx-home-section-copy { max-width:650px; }
}
@media (max-width:820px) {
  .fx-home-header { height:66px; }
  .fx-home-brand-mark { width:40px; height:40px; border-radius:11px; }
  .fx-home-brand-copy b { font-size:18px; }
  .fx-home-login { display:none; }
  .fx-home-register { min-height:40px; padding:0 13px; font-size:14px; }
  .fx-home-icon-btn,.fx-home-menu-btn { width:40px; height:40px; }
  .fx-home-nav-actions { gap:7px; }
  .fx-home-nav { left:15px; right:15px; top:71px; }
  .fx-home-kicker { margin-bottom:10px; }
  .fx-home-section-copy>p,.fx-home-feature-heading>div>p,.fx-home-pricing-heading>div>p,.fx-home-guide>div>p { margin-top:15px; }
  .fx-home-app-topbar { height:48px; padding:0 12px; }
  .fx-home-app-side { padding:13px 7px; }
  .fx-home-app-side span { min-height:32px; padding:0 6px; font-size:14px; gap:5px; }
  .fx-home-app-side img { width:13px; height:13px; }
  .fx-home-app-heading { margin-bottom:10px; }
  .fx-home-app-heading b { font-size:16px; }
  .fx-home-app-heading>span { display:none; }
  .fx-home-account-head span:last-child,.fx-home-account-row>span:last-child { display:none; }
  .fx-home-phone-shell { width:142px; height:280px; right:0; border-width:5px; border-radius:24px; padding:22px 8px 10px; }
  .fx-home-phone-notch { width:55px; height:11px; }
  .fx-home-phone-title { margin-top:12px; }
  .fx-home-phone-card strong { font-size:14px; }
  .fx-home-phone-list { padding:7px; }
  .fx-home-phone-list span { font-size:14px; }
  .fx-home-quick-grid article { gap:10px; }
  .fx-home-quick-grid article:nth-child(3) { border-right:1px solid rgba(133,174,209,.12); }
  .fx-home-quick-grid article:nth-child(even) { border-right:0; }
  .fx-home-quick-grid article:nth-child(-n+4) { border-bottom:1px solid rgba(133,174,209,.12); }
  .fx-home-quick-icon img { width:22px; height:22px; }
  .fx-home-feature-heading { display:block; }
  .fx-home-feature-note { margin-top:20px; max-width:190px; }
  .fx-home-bento-v315 .fx-home-bento-card { grid-column:auto; }
  .fx-home-bento-metrics { grid-template-columns:1fr 1fr; }
  .fx-home-bento-metrics b { font-size:15px; }
  .fx-home-pricing-heading { display:block; }
  .fx-home-free-label { margin-top:22px; }
  .fx-home-pricing-foot { display:grid; }
  .fx-home-pricing-foot>a { justify-self:start; }
  .fx-home-guide-grid { grid-template-columns:1fr; }
  .fx-home-faq-item>div { padding-right:34px; }
  .fx-home-final { padding-top:54px; }
  .fx-home-final-logo { width:55px; height:55px; border-radius:15px; }
  .fx-home-final-actions { grid-column:1/-1; }
  .fx-home-final-actions .fx-home-btn { flex:1; }
  .fx-home-footer-brand { grid-column:1/-1; }
}
@media (max-width:520px) {
  .fx-home-header { height:62px; }
  .fx-home-nav { left:12px; right:12px; top:67px; }
  .fx-home-brand-mark { width:38px; height:38px; }
  .fx-home-brand-copy b { font-size:17px; }
  .fx-home-register { display:none; }
  .fx-home-nav-actions { gap:6px; }
  .fx-home-hero { padding-top:34px; }
  .fx-home-hero-actions { display:grid; }
  .fx-home-hero-actions .fx-home-btn { width:100%; }
  .fx-home-hero-trust { display:grid; }
  .fx-home-account-head { display:none; }
  .fx-home-account-row>span:not(:first-child) { font-size:14px; }
  .fx-home-quick-icon img { width:20px; height:20px; }
  .fx-home-bento-metrics { grid-template-columns:1fr 1fr; gap:7px; }
  .fx-home-bento-metrics span { padding:10px; }
  .fx-home-history-table>div { grid-template-columns:1fr .75fr .7fr; }
  .fx-home-history-table span:nth-child(3) { display:none; }
  .fx-home-v315-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .fx-home-v315-channels span { min-width:0; }
  .fx-home-v315-threshold-note { align-items:flex-start; }
  .fx-home-pricing-foot>span { grid-template-columns:auto 1fr; }
  .fx-home-pricing-foot-icon { width:38px; height:38px; padding:9px; }
  .fx-home-final-logo { display:none; }
  .fx-home-final-actions { grid-column:auto; display:grid; }
  .fx-home-footer-brand { grid-column:auto; }
  .fx-home-footer-grid>div:not(:first-child) { grid-template-columns:repeat(3,auto); justify-content:start; gap:8px 14px; }
  .fx-home-footer-grid>div:not(:first-child)>b { grid-column:1/-1; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .fx-home-btn,.fx-home-guide-grid a,.fx-home-faq-item summary span { transition:none; }
}
.fx-home-v316-risk-panel { padding:14px 14px 12px; border:1px solid rgba(132,180,219,.10); border-radius:12px; background:linear-gradient(145deg,#0a2231,#091e2d); }
.fx-home-v316-risk-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.fx-home-v316-risk-head>div>span { display:flex; align-items:center; gap:6px; color:#dce7ee; font-size:14px; font-weight:700; line-height:1.3; }
.fx-home-v316-risk-head>div>span i { width:17px; height:17px; border:1px solid rgba(132,180,219,.32); border-radius:50%; display:inline-grid; place-items:center; color:#7897ad; font-size:14px; font-style:normal; font-weight:700; }
.fx-home-v316-risk-head strong { display:block; margin-top:7px; color:#20dc9d; font-size:22px; line-height:1.05; font-weight:700; letter-spacing:-.02em; }
.fx-home-v316-risk-shield { width:50px; height:50px; display:grid; place-items:center; opacity:1; }
.fx-home-v316-risk-shield img { width:38px; height:38px; filter:brightness(1.1) saturate(.8); }
.fx-home-v316-risk-track { height:10px; margin-top:15px; border-radius:999px; background:#183a50; overflow:hidden; box-shadow:inset 0 1px 2px rgba(0,0,0,.22); }
.fx-home-v316-risk-track span { display:block; width:2.54%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#18d89a,#20eaa7); box-shadow:0 0 16px rgba(32,234,167,.28); }
.fx-home-v316-risk-scale { margin-top:8px; display:flex; justify-content:space-between; gap:8px; color:#8ca3b4; font-size:14px; line-height:1; }
.fx-home-v316-risk-alert { margin-top:9px; min-height:46px; padding:9px 11px; border:1px solid rgba(132,180,219,.10); border-radius:11px; background:#0a2231; display:flex; align-items:center; gap:10px; color:#bdcfdb; font-size:14px; line-height:1.35; }
.fx-home-v316-risk-alert img { width:23px; height:23px; opacity:.92; }
@media (max-width:520px) {
  .fx-home-v316-risk-panel { padding:13px 12px 11px; }
  .fx-home-v316-risk-head strong { font-size:20px; }
  .fx-home-v316-risk-shield { width:44px; height:44px; }
  .fx-home-v316-risk-shield img { width:34px; height:34px; }
}
.fx-home-dev317 { position:relative; overflow:hidden; }
.fx-home-dev317:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 66% 23%,rgba(101,153,216,.18),transparent 29%),radial-gradient(circle at 92% 48%,rgba(127,174,117,.12),transparent 19%); pointer-events:none; }
.fx-home-dev317-main { position:relative; z-index:1; display:grid; align-items:center; }
.fx-home-dev317-copy h2 { letter-spacing:-.045em; }
.fx-home-dev317-copy h2 span { background:linear-gradient(90deg,#3b72ff,#5b3fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.fx-home-dev317-list { display:grid; }
.fx-home-dev317-list>div { display:flex; align-items:center; gap:15px; min-width:0; }
.fx-home-dev317-list-icon { flex:0 0 54px; border:1px solid #d3e1f2; border-radius:15px; display:grid; place-items:center; }
.fx-home-dev317-list-icon img { width:29px; height:29px; object-fit:contain; filter:brightness(0) saturate(100%) invert(38%) sepia(94%) saturate(2450%) hue-rotate(222deg) brightness(105%) contrast(101%); }
.fx-home-dev317-list p { margin:0; min-width:0; }
.fx-home-dev317-list b,.fx-home-dev317-list small { display:block; }
.fx-home-dev317-list small { margin-top:3px; }
.fx-home-dev317-picture { min-width:0; align-self:stretch; display:flex; align-items:center; justify-content:flex-end; }
.fx-home-dev317-picture img { display:block; object-fit:contain; }
.fx-home-dev317-strip { position:relative; z-index:2; display:grid; align-items:stretch; overflow:hidden; }
.fx-home-dev317-strip:after { content:""; position:absolute; right:-70px; bottom:-95px; width:390px; height:210px; border:2px solid rgba(54,147,255,.55); border-radius:50%; transform:rotate(-7deg); filter:drop-shadow(0 0 12px rgba(77,80,255,.5)); pointer-events:none; }
.fx-home-dev317-strip-copy { align-self:center; }
.fx-home-dev317-strip-copy>span { display:block; font-weight:700; }
.fx-home-dev317-strip-copy h3 { margin:10px 0 10px; letter-spacing:-.025em; }
.fx-home-dev317-strip-copy p { max-width:460px; margin:0; }
.fx-home-dev317-platform { position:relative; z-index:1; min-width:0; border:1px solid rgba(132,181,224,.22); border-radius:17px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.fx-home-dev317-platform-icon { margin-bottom:12px; border-radius:15px; display:grid; place-items:center; }
.fx-home-dev317-platform-icon img { object-fit:contain; }
.fx-home-dev317-platform-icon.tablet img { filter:none; }
.fx-home-dev317-platform-icon.phone img { filter:none; }
.fx-home-dev317-platform small { margin-top:7px; }
.fx-home-dev317-sign { position:relative; z-index:1; align-self:center; text-align:center; color:#67a6dd; font-family:"Segoe Print","Bradley Hand",cursive; font-size:26px; line-height:1.25; font-style:italic; transform:rotate(-5deg); opacity:.86; }
@media (max-width:1100px) {
  .fx-home-dev317 { padding-top:64px; }
  .fx-home-dev317-copy { max-width:760px; padding-left:0; }
  .fx-home-dev317-picture { margin-top:-10px; justify-content:center; }
  .fx-home-dev317-strip-copy { max-width:760px; }
  .fx-home-dev317-platform:last-of-type { grid-column:2/3; }
}
@media (max-width:820px) {
  .fx-home-dev317-picture { margin-top:4px; }
  .fx-home-dev317-platform:last-of-type { grid-column:auto; }
}
@media (max-width:520px) {
  .fx-home-dev317-copy h2 { margin-top:10px; }
  .fx-home-dev317-list-icon { border-radius:13px; }
  .fx-home-dev317-list-icon img { width:25px; height:25px; }
}
.fx-home-how317 { position:relative; overflow:hidden; }
.fx-home-how317:before { content:""; position:absolute; inset:0; pointer-events:none; background:
    linear-gradient(120deg,transparent 0 43%,rgba(86,118,255,.035) 43% 55%,transparent 55%),
    radial-gradient(circle at 9% 90%,rgba(66,126,255,.08),transparent 22%); }
.fx-home-how317>.fx-home-container { position:relative; z-index:1; }
.fx-home-how317-head { display:grid; }
.fx-home-how317-title { max-width:680px; }
.fx-home-how317-scribble { position:relative; justify-self:center; margin-top:0; color:#7290bd; font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive; font-size:19px; line-height:1.35; transform:rotate(-5deg); opacity:.92; }
.fx-home-how317-scribble i { position:absolute; right:-25px; bottom:-48px; color:#6b89b6; font-size:46px; font-style:normal; transform:rotate(9deg); }
.fx-home-how317-quick { justify-self:end; width:100%; max-width:360px; display:flex; align-items:center; gap:16px; }
.fx-home-how317-quick>img { width:62px; height:62px; border-radius:50%; object-fit:cover; box-shadow:0 8px 24px rgba(77,87,255,.12); }
.fx-home-how317-quick b,.fx-home-how317-quick small { display:block; }
.fx-home-how317-quick b { line-height:1.2; }
.fx-home-how317-quick small { margin-top:4px; line-height:1.35; }
.fx-home-how317-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.fx-home-how317-card { position:relative; min-width:0; overflow:visible; }
.fx-home-how317-card:not(:last-child):after { content:"→"; position:absolute; z-index:3; right:-30px; top:155px; width:32px; color:#6d85aa; font-size:38px; line-height:1; font-weight:500; text-align:center; }
.fx-home-how317-card-head { display:grid; align-items:start; }
.fx-home-how317-number { display:grid; place-items:center; background:linear-gradient(135deg,#2f6dff,#6b3fff); color:#fff; line-height:1; font-weight:700; }
.fx-home-how317-card-head h3 { font-weight:700; }
.fx-home-how317-card-head p { margin:0; }
.fx-home-how317-register { border:1px solid #d8e4f0; border-radius:18px; }
.fx-home-how317-brand { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.fx-home-how317-brand>span { width:42px; height:42px; border-radius:10px; display:grid; place-items:center; background:linear-gradient(135deg,#3d70ff,#7145ff); color:#fff; font-size:16px; font-weight:700; box-shadow:0 8px 18px rgba(76,74,255,.22); }
.fx-home-how317-brand b { font-weight:700; }
.fx-home-how317-register-grid { display:grid; align-items:stretch; }
.fx-home-how317-form { display:grid; gap:10px; }
.fx-home-how317-form label { height:48px; padding:0 13px; border:1px solid #d7e2ee; border-radius:10px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:9px; }
.fx-home-how317-form label>span { font-size:17px; }
.fx-home-how317-form label>img { width:18px; height:18px; opacity:.72; }
.fx-home-how317-form label em { font-size:14px; font-style:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fx-home-how317-form a { border-radius:10px; background:linear-gradient(135deg,#3e70ff,#6943ff); color:#fff!important; text-decoration:none; font-size:14px; display:grid; place-items:center; box-shadow:0 9px 22px rgba(76,72,255,.18); }
.fx-home-how317-benefits { border-radius:12px; display:grid; align-content:center; }
.fx-home-how317-benefits span { display:flex; align-items:center; gap:8px; font-weight:600; }
.fx-home-how317-benefits i { flex:0 0 21px; width:21px; height:21px; border-radius:50%; display:grid; place-items:center; background:#19c98e; color:#fff; font-size:14px; font-style:normal; font-weight:700; }
.fx-home-how317-register>small { display:block; margin-top:12px; }
.fx-home-how317-connect { display:flex; flex-direction:column; }
.fx-home-how317-connect-stage { border-radius:18px; display:grid; align-items:center; }
.fx-home-how317-platform,.fx-home-how317-agent { min-width:0; border:1px solid rgba(159,197,229,.11); border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; }
.fx-home-how317-platform img { object-fit:contain; }
.fx-home-how317-platform b,.fx-home-how317-agent b { line-height:1.2; }
.fx-home-how317-agent img { border-radius:14px; background:linear-gradient(135deg,#3c76ff,#7042ff); }
.fx-home-how317-agent small { border-radius:999px; line-height:1.15; }
.fx-home-how317-connect-arrow { color:#1bd99b; font-size:30px; font-weight:700; }
.fx-home-how317-connect ol { list-style:none; margin:18px 0 0; display:grid; }
.fx-home-how317-connect li { display:flex; align-items:center; gap:10px; }
.fx-home-how317-connect li>b { flex:0 0 24px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#3572ff,#6747ff); color:#fff; font-size:14px; font-weight:700; }
.fx-home-how317-dashboard { display:flex; justify-content:center; overflow:hidden; }
.fx-home-how317-dashboard img { width:min(100%,530px); object-fit:contain; object-position:center bottom; }
.fx-home-how317-cta { position:relative; overflow:hidden; display:grid; align-items:center; }
.fx-home-how317-cta:after { content:""; position:absolute; right:-50px; bottom:-125px; width:420px; height:210px; border-radius:50%; border-top:2px solid rgba(31,172,255,.75); transform:rotate(-7deg); box-shadow:0 -4px 22px rgba(49,90,255,.4); }
.fx-home-how317-crown { position:relative; z-index:1; object-fit:cover; }
.fx-home-how317-cta-copy,.fx-home-how317-cta-points,.fx-home-how317-cta-action { position:relative; z-index:1; }
.fx-home-how317-cta-copy>small { color:#8fbbff; font-size:14px; letter-spacing:.14em; font-weight:700; }
.fx-home-how317-cta-copy h3 { margin:4px 0 5px; font-weight:700; }
.fx-home-how317-cta-copy h3 span { color:#29b7ff; }
.fx-home-how317-cta-copy p { margin:0; }
.fx-home-how317-cta-points { padding-left:24px; border-left:1px solid rgba(165,190,255,.22); gap:10px; }
.fx-home-how317-cta-points span { display:flex; align-items:center; gap:10px; color:#dfe9fb; font-size:14px; font-weight:700; }
.fx-home-how317-cta-points img { width:28px; height:28px; padding:6px; border-radius:9px; background:rgba(29,155,255,.13); }
.fx-home-how317-cta-action { padding-left:26px; border-left:1px solid rgba(165,190,255,.22); display:grid; gap:9px; }
.fx-home-how317-cta-action .fx-home-btn { width:100%; }
.fx-home-how317-cta-action>small { color:#9bb0d1; font-size:14px; text-align:center; }
@media (max-width:1280px) {
  .fx-home-how317-scribble { font-size:16px; }
}
@media (max-width:1100px) {
  .fx-home-how317-grid { grid-template-columns:1fr 1fr; }
  .fx-home-how317-card:nth-child(2):after { display:none; }
  .fx-home-how317-card-result { grid-column:1/-1; min-height:420px; }
  .fx-home-how317-card-result .fx-home-how317-card-head { max-width:650px; }
}
@media (max-width:820px) {
  .fx-home-how317-head { display:block; }
  .fx-home-how317-quick { margin-top:20px; max-width:420px; }
  .fx-home-how317-grid { grid-template-columns:1fr; }
  .fx-home-how317-card-result { grid-column:auto; }
  .fx-home-how317-cta-action { grid-column:1/-1; }
}
@media (max-width:520px) {
  .fx-home-how317-quick>img { width:52px; height:52px; }
  .fx-home-how317-card-head h3 { margin-top:2px; }
  .fx-home-how317-dashboard { padding-top:8px; }
  .fx-home-how317-crown { display:none; }
}
:root { --fxh-radius:24px; --fxh-radius-sm:16px; --fxh-section-space:clamp(3rem,6vw,6rem); --fxh-panel-pad:clamp(1.125rem,2vw,1.75rem); --fxh-gap:24px; --fxh-heading:clamp(2rem,3.25vw,3rem); }
html[data-theme="dark"] { color-scheme:dark; --fxh-page:#17212b; --fxh-surface:#17212b; --fxh-surface-alt:#1b2632; --fxh-card:#242f3d; --fxh-card-2:#202c39; --fxh-title:#edf3fa; --fxh-text:#d5dfeb; --fxh-muted:#a6b8cc; --fxh-muted-2:#94acc1; --fxh-line:rgba(163,191,219,.16); --fxh-line-strong:rgba(176,202,228,.28); --fxh-header:rgba(23,33,43,.94); --fxh-header-text:#edf3fa; --fxh-header-muted:#a6b8cc; --fxh-glass:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.008) 65%),rgba(36,47,61,.86); --fxh-glass-inset:inset 0 1px 0 rgba(255,255,255,.08); --fxh-shadow:0 12px 32px rgba(3,10,18,.14); --fxh-link:#a6b9ff; --fxh-field:#283240; }
html[data-theme="light"] { color-scheme:light; --fxh-page:#f4f7fb; --fxh-surface:#f4f7fb; --fxh-surface-alt:#edf2f9; --fxh-title:#192b44; --fxh-text:#2f4660; --fxh-muted:#516780; --fxh-muted-2:#60748c; --fxh-line:rgba(52,82,120,.17); --fxh-line-strong:rgba(52,82,120,.3); --fxh-header:rgba(244,247,251,.96); --fxh-header-text:#192b44; --fxh-header-muted:#516780; --fxh-glass:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.64)),#edf2fa; --fxh-glass-inset:inset 0 1px 0 #fff; --fxh-shadow:0 12px 32px rgba(35,57,87,.06); --fxh-link:#4655c4; --fxh-field:#f1f5fb; }
html { scroll-padding-top:100px; }
body.fx-home-body { line-height:1.6; }
body.fx-home-body :where(h1,h2,h3) { letter-spacing:-.025em; overflow-wrap:break-word; }
body.fx-home-body :where(a,button,summary):focus-visible { outline:3px solid #879dff; outline-offset:4px; }
.fx-home-container,.fx-home-how317 .fx-home-container { width:calc(100% - 64px); max-width:1440px; }
.fx-home-section,.fx-home-how317,.fx-home-dev317,.fx-home-features-section { padding:var(--fxh-section-space) 0; }
.fx-home-ink,.fx-home-how317,.fx-home-dev317,html[data-theme="dark"] .fx-home-dev317 { background:var(--fxh-page); color:var(--fxh-text); }
.fx-home-surface-alt { background:var(--fxh-surface-alt); }
.fx-home-ink:before,.fx-home-dev317:before,.fx-home-how317:before { display:none; }
.fx-home-hero { background:radial-gradient(ellipse at 84% 12%,rgba(95,100,220,.12),transparent 55%),var(--fxh-page); }
.fx-home-hero-glow { display:none; }
.fx-home-features-section { background:radial-gradient(ellipse at 10% 40%,rgba(68,116,179,.08),transparent 65%),var(--fxh-page); }
.fx-home-how317,.fx-home-dev317 { border-block:1px solid var(--fxh-line); }
.fx-home-nav-wrap { gap:24px; }
.fx-home-nav { gap:24px; }
.fx-home-nav-actions { margin-left:0; flex-shrink:0; }
.fx-home-nav a { color:var(--fxh-header-muted); font-size:1rem; font-weight:600; }
.fx-home-nav a:hover,.fx-home-nav a:focus-visible { color:var(--fxh-header-text); }
.fx-home-header { background:var(--fxh-header); border-color:var(--fxh-line); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.fx-home-brand { min-width:0; }
.fx-home-brand-copy small { font-size:.875rem; line-height:1.35; }
.fx-home-icon-btn,.fx-home-menu-btn { flex-shrink:0; border-color:var(--fxh-line-strong); background:var(--fxh-soft); }
.fx-home-btn { font-size:.9375rem; font-weight:600; white-space:normal; text-align:center; line-height:1.4; padding:11px 18px; }
.fx-home-btn-lg { font-size:1rem; min-height:52px; padding:14px 24px; }
.fx-home-btn-primary { background:linear-gradient(115deg,#4267e8,#6251d9); box-shadow:0 6px 18px rgba(72,83,190,.18); }
.fx-home-btn-primary:hover { box-shadow:0 8px 22px rgba(72,83,190,.24); }
.fx-home-btn-outline,.fx-home-btn-ink { border-color:var(--fxh-line-strong); background:var(--fxh-glass); color:var(--fxh-title)!important; box-shadow:var(--fxh-glass-inset); }
.fx-home-btn-outline:hover,.fx-home-btn-ink:hover { background:var(--fxh-card); border-color:var(--fxh-link); }
html[data-theme="light"] .fx-home-header :is(.fx-home-icon-btn,.fx-home-menu-btn) img { filter:brightness(.35); }
.fx-home-kicker,.fx-home-ink .fx-home-kicker,.fx-home-how317 .fx-home-kicker,.fx-home-dev317 .fx-home-kicker { font-size:.875rem; line-height:1.5; letter-spacing:.09em; font-weight:600; color:var(--fxh-link); margin:0 0 12px; }
.fx-home-section-copy h2,.fx-home-feature-heading h2,.fx-home-pricing-heading h2,.fx-home-guide h2,.fx-home-how317-title h2,.fx-home-dev317-copy h2 { font-size:var(--fxh-heading); line-height:1.16; font-weight:700; margin:0; max-width:780px; color:var(--fxh-title); }
.fx-home-ink .fx-home-feature-heading h2,.fx-home-ink .fx-home-pricing-heading h2 { color:var(--fxh-title); }
.fx-home-section-copy>p,.fx-home-feature-heading>div>p,.fx-home-pricing-heading>div>p,.fx-home-guide>div>p,.fx-home-how317-title p,.fx-home-dev317-copy>p { font-size:1rem; line-height:1.7; color:var(--fxh-muted); margin:20px 0 0; max-width:650px; }
.fx-home-ink .fx-home-feature-heading>div>p,.fx-home-ink .fx-home-pricing-heading>div>p { color:var(--fxh-muted); }
.fx-home-hero { padding:56px 0 32px; min-height:0; overflow:visible; }
.fx-home-hero-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; }
.fx-home-hero-copy { padding:0; }
.fx-home-hero-copy h1 { font-size:clamp(2.375rem,3.7vw,3.75rem); line-height:1.12; font-weight:700; color:var(--fxh-title); }
.fx-home-hero-copy h1 span { margin-top:4px; background-image:linear-gradient(100deg,#62aeff,#a298ff); }
html[data-theme="light"] .fx-home-hero-copy h1 span { background-image:linear-gradient(100deg,#266bbd,#6740c4); }
.fx-home-hero-lead { font-size:1.0625rem; line-height:1.75; color:var(--fxh-muted); margin-top:24px; }
.fx-home-hero-actions { gap:12px; margin-top:28px; }
.fx-home-hero-trust { gap:12px 20px; font-size:.9375rem; font-weight:500; color:var(--fxh-muted); margin-top:24px; }
.fx-home-hero-trust img { flex-shrink:0; }
.fx-home-hero-visual { padding:16px 0 0; }
.fx-home-app-shell { transform:none; background:#1b2733; border-color:var(--fxh-line-strong); box-shadow:var(--fxh-shadow),var(--fxh-glass-inset); border-radius:20px; }
.fx-home-app-main { grid-template-columns:1fr; min-height:0; }
.fx-home-app-side,.fx-home-phone-shell { display:none; }
.fx-home-app-topbar { background:linear-gradient(180deg,#303c4e,#242f3d); }
.fx-home-app-content { padding:20px; }
.fx-home-app-heading { align-items:center; }
.fx-home-app-heading>span { font-size:.75rem; font-weight:500; }
.fx-home-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.fx-home-metrics article { padding:12px; box-shadow:none; }
.fx-home-metrics span { white-space:normal; font-size:.8125rem; line-height:1.4; }
.fx-home-metrics strong { font-size:1.125rem; line-height:1.4; font-variant-numeric:tabular-nums; }
.fx-home-metrics em { font-size:.8125rem; font-weight:500; }
.fx-home-dashboard-grid { grid-template-columns:1fr; margin-top:12px; }
.fx-home-chart-panel { display:none; }
.fx-home-account-panel { background:#202d3b; }
.fx-home-account-head,.fx-home-account-row { grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr)); gap:8px; font-size:.75rem; padding:10px 12px; }
.fx-home-account-row b { font-size:.8125rem; }
.fx-home-account-row small { font-size:.6875rem; overflow-wrap:anywhere; }
.fx-home-account-row>span:not(:first-child) { font-weight:500; white-space:nowrap; }
.fx-home-account-head>span:not(:first-child) { text-align:right; }
.fx-home-account-head { color:#a6b8cc; }
.fx-home-account-row small { color:#94acc1; }
.fx-home-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin-top:40px; border:1px solid var(--fxh-line); border-radius:20px; background:var(--fxh-glass); box-shadow:var(--fxh-glass-inset); overflow:hidden; }
.fx-home-quick-grid article { padding:18px 24px; min-height:92px; border-color:var(--fxh-line); }
.fx-home-quick-grid article:nth-child(3n) { border-right:0; }
.fx-home-quick-grid article:nth-child(-n+3) { border-bottom:1px solid var(--fxh-line); }
.fx-home-quick-grid b { color:var(--fxh-title); font-size:1rem; font-weight:600; line-height:1.4; }
.fx-home-quick-grid small { color:var(--fxh-muted); font-size:.9375rem; }
.fx-home-quick-icon { width:44px; height:44px; border-radius:12px; box-shadow:var(--fxh-glass-inset); }
.fx-home-how317-quick,.fx-home-free-label,.fx-home-pricing-foot,.fx-home-feature-note { border:1px solid var(--fxh-line); background:var(--fxh-glass); box-shadow:var(--fxh-glass-inset),var(--fxh-shadow); color:var(--fxh-text); }
.fx-home-how317-card,.fx-home-bento-v315 .fx-home-bento-card,.fx-home-price-card,.fx-home-guide-grid a,.fx-home-final-card,.fx-home-dev317-strip,.fx-home-how317-cta { border:1px solid var(--fxh-line); border-radius:var(--fxh-radius); background:var(--fxh-glass); box-shadow:var(--fxh-glass-inset),var(--fxh-shadow); color:var(--fxh-text); }
.fx-home-how317-card,.fx-home-bento-v315 .fx-home-bento-card,.fx-home-price-card { padding:var(--fxh-panel-pad); }
.fx-home-how317-head { grid-template-columns:minmax(0,1fr) 320px; gap:32px; min-height:0; align-items:center; }
.fx-home-how317-scribble,.fx-home-dev317-sign { display:none; }
.fx-home-how317-quick { min-height:92px; padding:16px 20px; border-radius:16px; }
.fx-home-how317-quick b { color:var(--fxh-title); font-size:1rem; font-weight:600; }
.fx-home-how317-quick small { color:var(--fxh-muted); font-size:.875rem; }
.fx-home-how317-grid { gap:24px; margin-top:32px; }
.fx-home-how317-card { min-height:0; display:flex; flex-direction:column; }
.fx-home-how317-card:not(:last-child):after { display:none; }
.fx-home-how317-card-head { grid-template-columns:44px minmax(0,1fr); gap:14px; min-height:0; }
.fx-home-how317-card-head>div { display:contents; }
.fx-home-how317-number { width:44px; height:44px; border-radius:14px; font-size:1.125rem; box-shadow:none; }
.fx-home-how317-card-head h3 { grid-column:2; grid-row:1; align-self:start; font-size:1.25rem; line-height:1.35; color:var(--fxh-title); margin:6px 0 8px; }
.fx-home-how317-card-head p { grid-column:1/-1; grid-row:2; font-size:1rem; line-height:1.6; color:var(--fxh-muted); }
.fx-home-how317-register,.fx-home-how317-connect,.fx-home-how317-dashboard { min-height:0; margin-top:24px; }
.fx-home-how317-register { padding:16px; border-color:var(--fxh-line); background:var(--fxh-field); box-shadow:var(--fxh-glass-inset); }
.fx-home-how317-brand b { color:var(--fxh-title); font-size:1rem; }
.fx-home-how317-register-grid { grid-template-columns:1fr; gap:12px; }
.fx-home-how317-form label { background:var(--fxh-card); border-color:var(--fxh-line); color:var(--fxh-muted); }
.fx-home-how317-form a { height:auto; min-height:48px; padding:10px; text-align:center; font-weight:600; }
.fx-home-how317-benefits { grid-template-columns:1fr 1fr; background:transparent; border:0; padding:8px 0 0; gap:10px; }
.fx-home-how317-benefits span { color:var(--fxh-muted); font-size:.875rem; line-height:1.4; }
.fx-home-how317-register>small { color:var(--fxh-muted); font-size:.8125rem; }
.fx-home-how317-connect-stage { grid-template-columns:1fr 1fr; gap:10px; padding:14px; min-height:0; background:var(--fxh-field); border:1px solid var(--fxh-line); box-shadow:none; }
.fx-home-how317-connect-arrow { display:none; }
.fx-home-how317-agent { height:auto; background:var(--fxh-card); border-color:var(--fxh-line); padding:12px; }
.fx-home-how317-platform { height:auto; min-height:112px; background:var(--fxh-card); border-color:var(--fxh-line); padding:12px; }
.fx-home-how317-platform img { width:48px; height:48px; }
.fx-home-how317-platform b,.fx-home-how317-agent b { color:var(--fxh-title); font-size:.875rem; font-weight:600; }
.fx-home-how317-agent { grid-column:1/-1; min-height:100px; }
.fx-home-how317-agent img { width:40px; height:40px; padding:9px; box-shadow:none; }
.fx-home-how317-agent small { background:transparent; color:var(--fxh-muted); font-size:.8125rem; font-weight:400; padding:0; }
.fx-home-how317-connect ol { padding:0; gap:20px; }
.fx-home-how317-connect li { color:var(--fxh-text); font-size:.875rem; line-height:1.5; }
.fx-home-how317-dashboard { flex:1; align-items:center; padding:0; }
.fx-home-how317-dashboard img { height:auto; max-height:none; filter:none; border-radius:12px; }
.fx-home-how317-cta { grid-template-columns:72px minmax(0,1fr) auto; gap:24px; min-height:0; padding:28px; margin-top:32px; }
.fx-home-how317-cta:after,.fx-home-dev317-strip:after { display:none; }
.fx-home-how317-crown { width:72px; height:72px; border-radius:18px; }
.fx-home-how317-cta-points { display:none; }
.fx-home-how317-cta-copy small { color:var(--fxh-link); font-size:.8125rem; letter-spacing:.08em; }
.fx-home-how317-cta-copy h3 { color:var(--fxh-title); font-size:1.75rem; line-height:1.25; }
.fx-home-how317-cta-copy p { color:var(--fxh-muted); font-size:1rem; line-height:1.6; }
.fx-home-how317-cta-action { padding:0; border:0; }
.fx-home-how317-cta-action small { color:var(--fxh-muted); font-size:.875rem; }
.fx-home-feature-heading,.fx-home-pricing-heading { align-items:center; gap:32px; }
.fx-home-feature-note { border-radius:16px; }
.fx-home-feature-note small { color:var(--fxh-muted); font-size:.875rem; }
.fx-home-bento-v315 { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:32px; }
.fx-home-bento-v315 .fx-home-bento-card { min-height:0; overflow:visible; }
.fx-home-bento-v315 .fx-home-bento-card:hover { transform:none; box-shadow:var(--fxh-glass-inset),var(--fxh-shadow); border-color:var(--fxh-line); }
.fx-home-bento-copy { margin-bottom:24px; }
.fx-home-feature-icon { width:44px; height:44px; border-radius:12px; box-shadow:var(--fxh-glass-inset); }
.fx-home-feature-icon img { width:24px; height:24px; }
.fx-home-feature-icon.orange { background:linear-gradient(145deg,#ce942e,#996622); }
.fx-home-bento-copy h3 { font-size:1.125rem; line-height:1.4; margin:0; color:var(--fxh-title); }
.fx-home-bento-copy p { font-size:1rem; line-height:1.6; color:var(--fxh-muted); }
.fx-home-bento-metrics,.fx-home-v315-switch-list,.fx-home-v315-access-list,.fx-home-v315-thresholds,.fx-home-group-mini { padding-top:0; }
.fx-home-v315-tabs,.fx-home-link-demo { margin-top:auto; }
.fx-home-v316-risk-card .fx-home-bento-copy { margin-bottom:24px; }
.fx-home-v316-risk-panel { margin-top:auto; }
.fx-home-link-demo>span.fx-home-copy-illustration { flex:0 0 44px; display:grid; place-items:center; }
.fx-home-v315-public-preview>div:first-child { grid-template-columns:auto minmax(0,1fr); }
.fx-home-v315-public-preview>div:first-child>em { grid-column:1/-1; justify-self:start; }
.fx-home-v315-public-preview>div:last-child { grid-template-columns:1fr 1fr; }
.fx-home-v315-public-preview>div:last-child span:last-child { display:block; }
.fx-home-v315-groups>span { grid-template-columns:auto minmax(0,1fr) auto; gap:6px; }
.fx-home-v315-groups>span small { grid-column:2; grid-row:2; }
.fx-home-v315-groups>span em { grid-column:3; grid-row:1/3; }
.fx-home-group-mini-head { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.fx-home-v315-switch-list b,.fx-home-v315-access-list b { font-weight:600; }
.fx-home-v315-channels { gap:6px; }
.fx-home-v315-channels span { padding:8px 4px; font-size:.75rem; font-weight:500; gap:4px; }
.fx-home-v315-channels img { width:16px; height:16px; }
/* v0.7.424: exact monochrome channel colors by theme using supplied SVGs as masks. */
.fx-home-v315-channels {--fx-home-channel-icon:#27B7FF}
.fx-home-v315-channels img {display:none}
.fx-home-v315-channels span::before {content:"";display:block;width:16px;height:16px;flex:0 0 16px;background:var(--fx-home-channel-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.fx-home-v315-channels span:nth-child(1)::before {-webkit-mask-image:url("/static/img/installation/telegram.svg");mask-image:url("/static/img/installation/telegram.svg")}
.fx-home-v315-channels span:nth-child(2)::before {-webkit-mask-image:url("/static/img/installation/vk.svg");mask-image:url("/static/img/installation/vk.svg")}
.fx-home-v315-channels span:nth-child(3)::before {-webkit-mask-image:url("/static/img/installation/max.svg");mask-image:url("/static/img/installation/max.svg")}
html[data-theme="light"] .fx-home-v315-channels {--fx-home-channel-icon:#27B7FF}
html[data-theme="dark"] .fx-home-v315-channels {--fx-home-channel-icon:#ffffff}

.fx-home-dev317-main { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; }
.fx-home-dev317-copy { padding:0; }
.fx-home-dev317-list { gap:20px; margin-top:28px; }
.fx-home-dev317-list b { font-size:1rem; line-height:1.5; font-weight:600; color:var(--fxh-title); }
.fx-home-dev317-list small { font-size:.875rem; line-height:1.5; color:var(--fxh-muted); }
.fx-home-dev317-list-icon { background:var(--fxh-glass); border-color:var(--fxh-line); box-shadow:var(--fxh-glass-inset); width:48px; height:48px; flex-basis:48px; }
.fx-home-dev317-picture { margin:0; }
.fx-home-dev317-picture img { width:100%; height:auto; max-height:none; filter:none; border-radius:20px; border:1px solid var(--fxh-line); }
.fx-home-dev317-strip { grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr)); gap:16px; margin-top:40px; padding:24px; min-height:0; }
.fx-home-dev317-strip-copy { padding:0; grid-column:auto; }
.fx-home-dev317-strip-copy>span { color:var(--fxh-link); font-size:.8125rem; letter-spacing:.06em; }
.fx-home-dev317-strip-copy h3 { color:var(--fxh-title); font-size:1.375rem; line-height:1.35; }
.fx-home-dev317-strip-copy p { color:var(--fxh-muted); font-size:.875rem; line-height:1.6; }
.fx-home-dev317-platform { min-height:0; padding:16px 12px; background:var(--fxh-field); border-color:var(--fxh-line); }
.fx-home-dev317-platform b { color:var(--fxh-title); font-size:.875rem; line-height:1.5; font-weight:600; }
.fx-home-dev317-platform small { color:var(--fxh-muted); font-size:.8125rem; line-height:1.5; }
.fx-home-dev317-platform-icon { width:48px; height:48px; background:#283950; }
.fx-home-dev317-platform-icon img { width:28px; height:28px; }
.fx-home-pricing-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:24px; margin-top:32px; }
.fx-home-price-card:last-child { grid-column:auto; }
.fx-home-price-card.featured { border-color:#6982df; box-shadow:var(--fxh-glass-inset),var(--fxh-shadow); }
.fx-home-price-badge,.fx-home-free-label b { color:var(--fxh-title); font-size:1rem; }
.fx-home-free-label { min-width:0; max-width:360px; border-radius:16px; }
.fx-home-free-label span { color:var(--fxh-link); }
.fx-home-price-note { background:rgba(100,126,223,.14); color:var(--fxh-link); font-weight:600; }
.fx-home-price-card h3 { color:var(--fxh-muted); font-size:1rem; line-height:1.5; }
.fx-home-price { flex-wrap:wrap; gap:8px; margin-top:20px; }
.fx-home-price b { color:var(--fxh-title); font-size:clamp(1.5rem,2.2vw,2rem); line-height:1.3; overflow-wrap:anywhere; }
.fx-home-price span { color:var(--fxh-muted); font-size:.875rem; }
.fx-home-price-card>p { color:var(--fxh-muted); font-size:1rem; line-height:1.6; min-height:0; margin-bottom:20px; }
.fx-home-price-card ul { margin:0 0 24px; }
.fx-home-price-card li { font-size:.9375rem; color:var(--fxh-text); }
.fx-home-price-card li img { flex-shrink:0; }
.fx-home-business-list,.fx-home-price-card:last-child .fx-home-business-list { grid-template-columns:1fr; gap:8px; }
.fx-home-business-list span { flex-wrap:wrap; background:var(--fxh-field); border-color:var(--fxh-line); padding:12px; }
.fx-home-business-list b { color:var(--fxh-title); font-size:.875rem; overflow-wrap:anywhere; }
.fx-home-business-list em { color:var(--fxh-muted); font-size:.875rem; }
.fx-home-pricing-foot { padding:20px 24px; border-radius:16px; }
.fx-home-pricing-foot b { color:var(--fxh-title); font-size:.9375rem; }
.fx-home-pricing-foot small { color:var(--fxh-muted); font-size:.875rem; }
.fx-home-pricing-foot>a { color:var(--fxh-link)!important; white-space:nowrap; }
.fx-home-guide { grid-template-columns:1fr; gap:32px; }
.fx-home-guide-grid { max-width:none; gap:24px; }
.fx-home-guide-grid a { min-height:0; padding:24px; align-items:center; grid-template-columns:44px minmax(0,1fr) auto; gap:16px; }
.fx-home-guide-grid b { font-size:1rem; line-height:1.5; }
.fx-home-guide-grid small { font-size:.875rem; line-height:1.5; }
.fx-home-guide-icon { width:44px; height:44px; }
.fx-home-faq-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; }
.fx-home-faq-list { border-top:0; gap:12px; }
.fx-home-faq-item { border:1px solid var(--fxh-line); border-radius:16px; background:var(--fxh-glass); box-shadow:var(--fxh-glass-inset); }
.fx-home-faq-item summary { padding:20px 24px; gap:16px; font-size:1rem; line-height:1.5; font-weight:600; }
.fx-home-faq-item summary span { flex:0 0 30px; color:var(--fxh-link); }
.fx-home-faq-item>div { padding:0 24px 24px; }
.fx-home-faq-item p { font-size:1rem; line-height:1.7; }
.fx-home-text-action { font-size:.9375rem; color:var(--fxh-link)!important; font-weight:600; }
.fx-home-final { padding:48px 0; }
.fx-home-final-card { grid-template-columns:minmax(0,1fr) auto; gap:24px; padding:32px; }
.fx-home-final h2 { color:var(--fxh-title); font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.3; }
.fx-home-final p { color:var(--fxh-muted); font-size:1rem; line-height:1.6; }
.fx-home-final-actions { flex-wrap:wrap; justify-content:flex-end; }
.fx-home-footer-grid { grid-template-columns:minmax(0,1.8fr) repeat(3,minmax(0,1fr)); gap:32px; }
.fx-home-footer-brand .fx-home-brand { align-items:flex-start; }
.fx-home-footer-brand .fx-home-brand-copy { min-width:0; }
.fx-home-footer-brand .fx-home-brand-mark { flex-shrink:0; }
.fx-home-footer-brand p,.fx-home-footer-grid>div:not(:first-child)>a,.fx-home-disclaimer,.fx-home-copyright { color:var(--fxh-muted); font-size:.875rem; }
.fx-home-footer-grid>div:not(:first-child)>a { padding-block:4px; }
.fx-home-footer-grid>div:not(:first-child)>a:hover { color:var(--fxh-title); }
.fx-home-footer-grid>div:not(:first-child)>b { color:var(--fxh-title); font-size:.875rem; }
@media (max-width:1399px) {
  .fx-home-bento-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fx-home-final-card { grid-template-columns:1fr; }
  .fx-home-final-actions { grid-column:auto; justify-content:flex-start; }
  .fx-home-dev317-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .fx-home-dev317-strip-copy { grid-column:1/-1; max-width:700px; }
}
@media (max-width:1199px) {
  .fx-home-bento-v315 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fx-home-hero-grid { grid-template-columns:1fr; gap:32px; }
  .fx-home-hero-copy { max-width:800px; }
  .fx-home-hero-visual { max-width:900px; width:100%; margin:0 auto; padding:0; }
  .fx-home-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .fx-home-hero-copy h1 { font-size:clamp(2.375rem,5vw,3.5rem); }
  .fx-home-how317-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fx-home-how317-card-result { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; min-height:0; }
  .fx-home-how317-dashboard { margin:0; min-height:0; }
  .fx-home-how317-dashboard img { max-height:none; }
  .fx-home-dev317-main { grid-template-columns:1fr; gap:32px; }
  .fx-home-dev317-copy { max-width:800px; }
  .fx-home-dev317-picture { max-width:900px; margin:auto; }
  .fx-home-guide-grid { grid-template-columns:1fr; }
}
@media (max-width:1100px) {
  html { scroll-padding-top:88px; }
  .fx-home-nav-wrap { justify-content:space-between; gap:16px; }
  .fx-home-nav-actions { margin-left:auto; }
  .fx-home-nav { top:calc(100% + 8px); left:24px; right:24px; background:var(--fxh-card); border-color:var(--fxh-line-strong); max-height:calc(100dvh - 96px); overflow-y:auto; gap:4px; }
  .fx-home-nav a { color:var(--fxh-title); min-height:44px; }
  .fx-home-nav a:hover { background:var(--fxh-soft); }
  .fx-home-how317-cta { grid-template-columns:64px minmax(0,1fr); gap:20px; }
  .fx-home-how317-cta-action { grid-column:2; justify-self:start; }
  .fx-home-how317-crown { width:64px; height:64px; }
  .fx-home-faq-layout { grid-template-columns:1fr; gap:32px; }
}
@media (max-width:820px) {
  .fx-home-container,.fx-home-how317 .fx-home-container { width:calc(100% - 40px); }
  .fx-home-header { height:72px; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .fx-home-header .fx-home-brand-copy small { display:none; }
  .fx-home-icon-btn,.fx-home-menu-btn { width:44px; height:44px; }
  .fx-home-register { min-height:44px; font-size:.875rem; padding:10px 14px; }
  .fx-home-hero { padding-top:40px; }
  .fx-home-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }
  .fx-home-quick-grid article { border-right:1px solid var(--fxh-line); padding:16px; gap:12px; }
  .fx-home-quick-grid article:nth-child(3) { border-right:1px solid var(--fxh-line); }
  .fx-home-quick-grid article:nth-child(2n) { border-right:0; }
  .fx-home-quick-grid article:nth-child(-n+4) { border-bottom:1px solid var(--fxh-line); }
  .fx-home-how317-head { display:block; }
  .fx-home-how317-quick { margin-top:24px; max-width:none; }
  .fx-home-how317-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fx-home-how317-card-result { grid-column:1/-1; display:flex; gap:0; }
  .fx-home-how317-dashboard { margin-top:24px; }
  .fx-home-how317-dashboard img { max-width:500px; }
  .fx-home-feature-heading,.fx-home-pricing-heading { display:block; }
  .fx-home-feature-note { display:none; }
  .fx-home-free-label { display:inline-grid; margin-top:24px; }
  .fx-home-bento-v315 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fx-home-dev317-strip { grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; gap:12px; }
  .fx-home-dev317-strip-copy { grid-column:1/-1; }
  .fx-home-dev317-platform:last-of-type { grid-column:auto; }
  .fx-home-pricing-foot { align-items:flex-start; flex-direction:column; gap:16px; }
  .fx-home-final-card { padding:24px; }
  .fx-home-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .fx-home-footer-brand { grid-column:1/-1; }
}
@media (max-width:639px) {
  .fx-home-container,.fx-home-how317 .fx-home-container { width:calc(100% - 32px); }
  .fx-home-how317-grid { grid-template-columns:1fr; }
  .fx-home-how317-card-result { grid-column:auto; }
  .fx-home-free-label { display:grid; width:100%; max-width:none; box-sizing:border-box; }
  .fx-home-header .fx-home-register { display:none; }
  .fx-home-header .fx-home-login { display:inline-flex; min-height:44px; padding:10px 12px; }
  .fx-home-nav { left:16px; right:16px; }
  .fx-home-brand { gap:8px; }
  .fx-home-brand-mark { width:36px; height:36px; border-radius:10px; }
  .fx-home-brand-copy b { font-size:1.0625rem; }
  .fx-home-nav-actions { gap:6px; }
  .fx-home-nav-wrap { gap:8px; }
  .fx-home-hero-copy h1 { font-size:clamp(2rem,7.4vw,2.75rem); line-height:1.15; }
  .fx-home-hero-lead { font-size:1rem; }
  .fx-home-hero-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .fx-home-hero-trust { display:grid; gap:12px; }
  .fx-home-hero-visual { padding:0; }
  .fx-home-app-topbar { padding:12px; height:auto; min-height:52px; }
  .fx-home-app-top-actions i { display:none; }
  .fx-home-app-content { padding:12px; }
  .fx-home-app-heading>span { display:none; }
  .fx-home-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .fx-home-metrics strong { font-size:1rem; }
  .fx-home-account-head,.fx-home-account-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); font-size:.8125rem; }
  .fx-home-account-head>span:nth-child(n+3),.fx-home-account-row>span:nth-child(n+3) { display:none; }
  .fx-home-quick-grid article { align-items:flex-start; flex-direction:column; gap:12px; padding:16px; }
  .fx-home-quick-grid b { font-size:.875rem; }
  .fx-home-quick-grid small { font-size:.8125rem; }
  .fx-home-how317-card-head { grid-template-columns:36px minmax(0,1fr); gap:12px; }
  .fx-home-how317-number { width:36px; height:36px; border-radius:11px; font-size:1rem; }
  .fx-home-how317-card-head h3 { font-size:1.125rem; margin-top:4px; }
  .fx-home-how317-card-head p { font-size:1rem; }
  .fx-home-how317-benefits { grid-template-columns:1fr; }
  .fx-home-how317-cta { grid-template-columns:1fr; padding:20px; }
  .fx-home-how317-crown { display:none; }
  .fx-home-how317-cta-action { grid-column:auto; justify-self:stretch; }
  .fx-home-how317-cta-copy h3 { font-size:1.5rem; }
  .fx-home-how317-cta-copy p { font-size:1rem; }
  .fx-home-bento-v315 { grid-template-columns:1fr; }
  .fx-home-bento-copy { column-gap:14px; row-gap:14px; }
  .fx-home-history-table>div { grid-template-columns:1fr .7fr .7fr .8fr; font-size:.8125rem; }
  .fx-home-history-table span:nth-child(3) { display:block; }
  .fx-home-dev317-copy h2 { font-size:var(--fxh-heading); line-height:1.16; }
  .fx-home-dev317-picture { margin:0; }
  .fx-home-dev317-picture img { width:100%; }
  .fx-home-dev317-strip { padding:16px; }
  .fx-home-dev317-platform { padding:12px 8px; }
  .fx-home-pricing-grid { grid-template-columns:1fr; }
  .fx-home-guide-grid a { padding:20px; gap:12px; }
  .fx-home-faq-item summary { font-size:1rem; padding:18px; }
  .fx-home-faq-item>div { padding:0 18px 20px; }
  .fx-home-final-card { grid-template-columns:1fr; padding:24px 20px; }
  .fx-home-final-logo { display:none; }
  .fx-home-final-actions { grid-column:auto; display:grid; grid-template-columns:1fr; justify-content:stretch; }
  .fx-home-footer-grid { grid-template-columns:1fr 1fr; gap:24px; }
  .fx-home-footer-grid>div:not(:first-child) { display:flex; flex-direction:column; gap:4px; }
  .fx-home-footer-brand { grid-column:1/-1; }
  .fx-home-footer-brand .fx-home-brand-copy small { display:block; max-width:250px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  body.fx-home-body *,body.fx-home-body *:before,body.fx-home-body *:after { animation:none!important; transition:none!important; }
  .fx-home-btn:hover,.fx-home-guide-grid a:hover { transform:none; }
}
@media (prefers-reduced-transparency:reduce) {
  .fx-home-header { background:var(--fxh-page); backdrop-filter:none; -webkit-backdrop-filter:none; }
}
.fx-home-feature-note small { max-width:120px; }
html[data-theme="dark"] .fx-home-feature-heading h2 span,html[data-theme="dark"] .fx-home-dev317-copy h2 span { background-image:linear-gradient(110deg,#62aeff,#a298ff); }
body.fx-home-body {min-width:0}
@media (max-width:359px) {
  .fx-home-header .fx-home-brand-mark {display:grid}
  .fx-home-header .fx-home-brand-copy b {font-size:1rem}
  .fx-home-pricing-foot {padding:16px}
}
/* Text enlargement must not force demonstration content outside its card. */
.fx-home-how317-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.fx-home-how317-register-grid {grid-template-columns:minmax(0,1fr)}
.fx-home-how317-benefits {grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
.fx-home-how317-platform b {overflow-wrap:anywhere}
.fx-home-feature-note small {max-width:none;width:7.5rem}
@media (max-width:1199px) {
  .fx-home-how317-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px) {
  .fx-home-how317-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px) {
  .fx-home-how317-grid {grid-template-columns:1fr}
}

/* v0.7.320: light product previews, compact hero, real interactive feedback. */
.fx-home-hero-grid {align-items:center}
.fx-home-hero-copy {padding-top:0}
.fx-home-hero {padding-top:32px}
.fx-home-hero-visual {padding-top:16px}
.fx-home-how317-quick>img {border-radius:0;object-fit:contain;box-shadow:none;flex-shrink:0}
.fx-home-how317-crown {border-radius:0;object-fit:contain}
.fx-home-how317-dashboard {align-items:flex-start}
.fx-home-how317-dashboard img {width:100%;height:auto;object-fit:contain;border-radius:16px}
.fx-home-dev317-picture img {border:0;border-radius:20px}
.fx-home-free-label {grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px}
.fx-home-free-art {display:block;width:48px;height:48px}
.fx-home-telegram {text-decoration:none;flex:0 0 44px}
.fx-home-telegram img {filter:none!important}
html[data-theme="light"] :is(.fx-home-app-shell,.fx-home-app-topbar,.fx-home-app-main,.fx-home-app-content,.fx-home-account-panel,.fx-home-metrics article,.fx-home-metrics article.good,.fx-home-metrics article.bad,.fx-home-metrics article.info,.fx-home-bento-metrics span,.fx-home-v315-tabs,.fx-home-history-table,.fx-home-v315-groups .fx-home-group-mini-head,.fx-home-v315-groups>span,.fx-home-link-demo,.fx-home-v315-public-preview,.fx-home-v315-switch-list>span,.fx-home-v315-channels span,.fx-home-v316-risk-panel,.fx-home-v316-risk-alert,.fx-home-v315-access-list>span,.fx-home-v315-thresholds>div,.fx-home-v315-threshold-note) {
  background:#fff;border-color:#dce4ef;box-shadow:none;
}
html[data-theme="light"] :is(.fx-home-app-shell,.fx-home-bento-card) :is(b,strong) {color:#192b44}
html[data-theme="light"] :is(.fx-home-app-brand,.fx-home-app-heading,.fx-home-app-top-actions,.fx-home-account-row,.fx-home-history-table>div,.fx-home-v315-tabs span,.fx-home-link-demo>span,.fx-home-v315-groups>span,.fx-home-v315-switch-list,.fx-home-v315-access-list,.fx-home-v315-thresholds,.fx-home-v316-risk-head>div>span,.fx-home-v316-risk-alert,.fx-home-v315-channels span) {color:#304963}
html[data-theme="light"] :is(.fx-home-account-head,.fx-home-account-row small,.fx-home-metrics span,.fx-home-metrics em,.fx-home-app-heading small,.fx-home-app-heading>span,.fx-home-bento-metrics small,.fx-home-bento-metrics em,.fx-home-history-table>div:first-child,.fx-home-v315-groups>span small,.fx-home-v315-groups>span em,.fx-home-v315-public-preview p small,.fx-home-v315-public-preview>div:last-child small,.fx-home-v315-access-list small,.fx-home-v315-thresholds span small,.fx-home-v315-threshold-note,.fx-home-v316-risk-scale) {color:#566d85}
html[data-theme="light"] .positive {color:#07805b!important}
html[data-theme="light"] .negative {color:#c92c47!important}
html[data-theme="light"] .cyan-text {color:#08758c!important}
html[data-theme="light"] .fx-home-v316-risk-head strong {color:#07805b}
html[data-theme="light"] .fx-home-v315-tabs span.active {background:#dd4281;color:#ffffff;box-shadow:inset 0 -2px 0 #dd4281}
html[data-theme="light"] .fx-home-v315-access-list>span.active {background:#f0f3ff;border-color:#8393ef}
html[data-theme="light"] :is(.fx-home-app-top-actions>span,.fx-home-app-top-actions i,.fx-home-v315-groups .fx-home-group-mini-head span,.fx-home-v315-thresholds i,.fx-home-v315-access-list>span>img) {background:#a7a7a7;color:#4055b8;border-color:#dce4ef}
html[data-theme="light"] :is(.fx-home-account-row,.fx-home-account-head,.fx-home-v315-public-preview>div:last-child,.fx-home-history-table>div) {border-color:#e5ebf3}
html[data-theme="light"] .fx-home-v316-risk-track {background:#e8eef5;box-shadow:none}
html[data-theme="light"] :is(.fx-home-v316-risk-shield img,.fx-home-v316-risk-alert>img,.fx-home-v315-threshold-note>img,.fx-home-v315-access-list>span>img) {filter:brightness(.4);opacity:1}

@media (max-width:639px) {
 .fx-home-hero-copy {padding-top:0}
 .fx-home-hero {padding-top:24px}
 .fx-home-header .fx-home-brand-mark {display:grid}
 .fx-home-nav-actions {gap:5px}
 .fx-home-telegram {flex-basis:40px;width:40px;height:44px}
 .fx-home-header .fx-home-login {padding:10px}
}
@media (max-width:359px) {
 .fx-home-header .fx-home-brand-copy b {font-size:.875rem}
 .fx-home-nav-actions {gap:4px}
 .fx-home-header :is(.fx-home-icon-btn,.fx-home-menu-btn,.fx-home-telegram) {width:38px;flex-basis:38px}
 .fx-home-header .fx-home-login {padding:10px 8px;font-size:.8125rem}
}

:where(a[href],button:enabled,summary,select:enabled,input:enabled:not([type="hidden"]),textarea:enabled,[role="button"],[role="tab"]):not([aria-disabled="true"]):not([disabled]):focus-visible {
 outline:2px solid #8b9beb;outline-offset:3px;
}

/* v0.7.321: one slate palette for dark-theme demonstration panels. */
html[data-theme="dark"] :is(.fx-home-bento-metrics span,.fx-home-v315-tabs,.fx-home-history-table,.fx-home-v315-groups .fx-home-group-mini-head,.fx-home-v315-groups>span,.fx-home-link-demo,.fx-home-v315-public-preview,.fx-home-v315-switch-list>span,.fx-home-v315-channels span,.fx-home-v316-risk-panel,.fx-home-v316-risk-alert,.fx-home-v315-access-list>span,.fx-home-v315-thresholds>div,.fx-home-v315-threshold-note) {
 background:var(--fxh-field);border-color:var(--fxh-line);box-shadow:none;
}
html[data-theme="dark"] .fx-home-bento-card :is(b,strong) {color:var(--fxh-title)}
html[data-theme="dark"] :is(.fx-home-history-table>div,.fx-home-v315-tabs span,.fx-home-link-demo>span,.fx-home-v315-groups>span,.fx-home-v315-channels span,.fx-home-v316-risk-head>div>span,.fx-home-v316-risk-alert) {color:var(--fxh-text)}
html[data-theme="dark"] :is(.fx-home-bento-metrics small,.fx-home-bento-metrics em,.fx-home-history-table>div:first-child,.fx-home-v315-groups>span small,.fx-home-v315-groups>span em,.fx-home-v315-public-preview p small,.fx-home-v315-public-preview>div:last-child small,.fx-home-v315-access-list small,.fx-home-v315-thresholds span small,.fx-home-v315-threshold-note,.fx-home-v316-risk-scale) {color:var(--fxh-muted)}
html[data-theme="dark"] :is(.fx-home-history-table>div,.fx-home-v315-public-preview>div:last-child) {border-color:var(--fxh-line)}
html[data-theme="dark"] .fx-home-v315-tabs span.active {background:#dd4281;color:var(--fxh-title);box-shadow:inset 0 -2px 0 #dd4281}
html[data-theme="dark"] .fx-home-v315-access-list>span.active {background:#303d56;border-color:#788bd2}
html[data-theme="dark"] :is(.fx-home-v315-groups .fx-home-group-mini-head span,.fx-home-v315-thresholds i,.fx-home-v315-access-list>span>img) {background:#303d50;color:var(--fxh-link)}
html[data-theme="dark"] .fx-home-v316-risk-track {background:#354357;box-shadow:none}
html[data-theme="dark"] .fx-home-bento-card .positive,
html[data-theme="dark"] .fx-home-v316-risk-head strong {color:#59d4ae!important}
html[data-theme="dark"] .fx-home-bento-card .negative {color:#ff8396!important}
html[data-theme="dark"] .fx-home-bento-card .cyan-text {color:#88baff!important}
html[data-theme="dark"] .fx-home-v315-public-preview>div:first-child>em {background:rgba(89,212,174,.12);color:#59d4ae}
html[data-theme="dark"] .fx-home-v315-switch-list .check {background:#59d4ae;color:#172b26}
html[data-theme="dark"] .fx-home-v316-risk-track>span {background:#59d4ae}
/* Transparent SVG cutouts have no rectangular image container. */
.fx-home-how317-dashboard img,.fx-home-dev317-picture img {background:transparent;border:0;border-radius:0;box-shadow:none}

/* v0.7.322: hero preview color hierarchy for both themes; typography unchanged. */
.fx-home-hero { position:relative; }
.fx-home-hero:before,
.fx-home-hero:after { content:""; position:absolute; pointer-events:none; z-index:0; }
.fx-home-hero:before {
  width:460px; height:460px; right:24%; top:-116px; border-radius:50%;
  border:1px solid rgba(99,120,237,.12);
  box-shadow:0 0 0 28px rgba(99,120,237,.035),0 0 0 58px rgba(99,120,237,.022);
}
.fx-home-hero:after {
  width:132px; height:104px; left:37%; bottom:118px; opacity:.48;
  background-image:radial-gradient(circle,rgba(67,118,231,.38) 1.25px,transparent 1.5px);
  background-size:16px 16px;
}
.fx-home-hero-grid,.fx-home-quick-grid { position:relative; z-index:1; }

.fx-home-metrics article { position:relative; overflow:hidden; padding-right:72px; }
.fx-home-metrics article.good { --fxh-metric-accent:#18b98a; }
.fx-home-metrics article.bad { --fxh-metric-accent:#ef6274; }
.fx-home-metrics article.info { --fxh-metric-accent:#42a6e9; }
.fx-home-metrics article.income { --fxh-metric-accent:#9257ea; }
.fx-home-metrics article em { color:var(--fxh-metric-accent); }
.fx-home-metric-bars { position:absolute; right:14px; bottom:15px; height:42px; width:50px; display:flex; align-items:flex-end; justify-content:flex-end; gap:4px; opacity:.78; }
.fx-home-metric-bars i { display:block; width:6px; border-radius:2px 2px 0 0; background:var(--fxh-metric-accent); }
.fx-home-metric-bars i:nth-child(1) { height:16px; opacity:.48; }
.fx-home-metric-bars i:nth-child(2) { height:28px; opacity:.62; }
.fx-home-metric-bars i:nth-child(3) { height:21px; opacity:.72; }
.fx-home-metric-bars i:nth-child(4) { height:37px; opacity:.88; }
.fx-home-metric-bars i:nth-child(5) { height:30px; }

html[data-theme="light"] .fx-home-hero {
  background:
    radial-gradient(ellipse at 79% 7%,rgba(111,98,229,.105),transparent 48%),
    radial-gradient(ellipse at 34% 63%,rgba(73,163,240,.055),transparent 36%),
    #f7f9fd;
}
html[data-theme="light"] .fx-home-app-shell { background:#fff; border-color:#d7e1ee; box-shadow:0 18px 44px rgba(45,67,102,.07),inset 0 1px 0 #fff; }
html[data-theme="light"] .fx-home-app-topbar { background:#fff; border-color:#dfe7f1; }
html[data-theme="light"] .fx-home-app-content { background:#fff; }
html[data-theme="light"] .fx-home-metrics article.good {
  background:linear-gradient(135deg,#f0fcf8 0%,#e9faf5 100%); border-color:#bfeadf;
}
html[data-theme="light"] .fx-home-metrics article.bad {
  background:linear-gradient(135deg,#fff5f6 0%,#fff0f2 100%); border-color:#f4cbd2;
}
html[data-theme="light"] .fx-home-metrics article.info {
  background:linear-gradient(135deg,#f2f9ff 0%,#eaf6ff 100%); border-color:#c8e2f7;
}
html[data-theme="light"] .fx-home-metrics article.income {
  background:linear-gradient(135deg,#fbf7ff 0%,#f5efff 100%); border-color:#dfd0f4;
}
html[data-theme="light"] .fx-home-metrics article.good em { color:#0a9a70; }
html[data-theme="light"] .fx-home-metrics article.bad em { color:#d94960; }
html[data-theme="light"] .fx-home-metrics article.info em { color:#1779c5; }
html[data-theme="light"] .fx-home-metrics article.income em { color:#7650d8; }
html[data-theme="light"] .fx-home-metrics article.income strong { color:#192b44; }
html[data-theme="light"] .fx-home-account-panel { background:#fff; border-color:#dce4ef; }

html[data-theme="dark"] .fx-home-hero:before { border-color:rgba(135,157,255,.13); box-shadow:0 0 0 28px rgba(96,116,218,.028),0 0 0 58px rgba(96,116,218,.018); }
html[data-theme="dark"] .fx-home-hero:after { background-image:radial-gradient(circle,rgba(119,149,255,.28) 1.25px,transparent 1.5px); opacity:.28; }
html[data-theme="dark"] .fx-home-metrics article.good {
  background:linear-gradient(145deg,rgba(8,74,67,.78),rgba(17,47,52,.92)); border-color:rgba(45,195,155,.18);
}
html[data-theme="dark"] .fx-home-metrics article.bad {
  background:linear-gradient(145deg,rgba(74,43,60,.82),rgba(43,39,53,.96)); border-color:rgba(233,99,124,.18);
}
html[data-theme="dark"] .fx-home-metrics article.info {
  background:linear-gradient(145deg,rgba(10,57,88,.9),rgba(20,45,65,.96)); border-color:rgba(66,166,233,.18);
}
html[data-theme="dark"] .fx-home-metrics article.income {
  background:linear-gradient(145deg,rgba(67,44,91,.9),rgba(40,37,55,.96)); border-color:rgba(146,87,234,.2);
}
html[data-theme="dark"] .fx-home-metrics article.good em { color:#4ee0b5; }
html[data-theme="dark"] .fx-home-metrics article.bad em { color:#ff8396; }
html[data-theme="dark"] .fx-home-metrics article.info em { color:#75c8ff; }
html[data-theme="dark"] .fx-home-metrics article.income em { color:#c19aff; }

@media (max-width:1100px) {
  .fx-home-hero:before { right:-80px; top:90px; width:390px; height:390px; }
  .fx-home-hero:after { left:auto; right:16%; bottom:92px; }
}
@media (max-width:639px) {
  .fx-home-hero:before,.fx-home-hero:after { display:none; }
  .fx-home-metrics article { padding-right:54px; }
  .fx-home-metric-bars { right:10px; width:38px; transform:scale(.82); transform-origin:right bottom; }
}

/* v0.7.323: hero dashboard polish; typography unchanged. */
/* Keep the FX monogram white inside its gradient tile in both themes. */
.fx-home-app-brand > span { color:#fff; }

/* v0.7.324: decorative window controls in hero preview; typography unchanged */
.fx-home-app-top-actions .fx-home-window-close,
.fx-home-app-top-actions .fx-home-window-minimize {
  position:relative;
  display:inline-block;
  flex:0 0 30px;
}
.fx-home-app-top-actions .fx-home-window-close::before,
.fx-home-app-top-actions .fx-home-window-close::after {
  content:"";
  position:absolute;
  left:8px; top:14px;
  width:14px; height:2px;
  border-radius:2px;
  background:#18b981;
}
.fx-home-app-top-actions .fx-home-window-close::before { transform:rotate(45deg); }
.fx-home-app-top-actions .fx-home-window-close::after { transform:rotate(-45deg); }
.fx-home-app-top-actions .fx-home-window-minimize::before {
  content:"";
  position:absolute;
  left:8px; top:14px;
  width:14px; height:2px;
  border-radius:2px;
  background:#60758b;
}
html[data-theme="dark"] .fx-home-app-top-actions .fx-home-window-close::before,
html[data-theme="dark"] .fx-home-app-top-actions .fx-home-window-close::after { background:#35d6a2; }
html[data-theme="dark"] .fx-home-app-top-actions .fx-home-window-minimize::before { background:#9fb2c5; }

/* v0.7.325: solid status dots for decorative window controls; typography unchanged */
.fx-home-app-top-actions .fx-home-window-close::before,
.fx-home-app-top-actions .fx-home-window-minimize::before {
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:8px; height:8px;
  margin:-4px 0 0 -4px;
  border-radius:50%;
  transform:none;
}
.fx-home-app-top-actions .fx-home-window-close::after { content:none; }
.fx-home-app-top-actions .fx-home-window-close::before { background:#18b981; }
.fx-home-app-top-actions .fx-home-window-minimize::before { background:#ef4f5f; }
html[data-theme="dark"] .fx-home-app-top-actions .fx-home-window-close::before { background:#35d6a2; }
html[data-theme="dark"] .fx-home-app-top-actions .fx-home-window-minimize::before { background:#ff6474; }

/* v0.7.326: requested landing typography sizing */

/* v0.7.386 nav underline hover */
@media (min-width:1101px) {
  .fx-home-nav a {
    position:relative;
  }
  .fx-home-nav a::after {
    content:"";
    position:absolute;
    left:0;
    bottom:-7px;
    width:100%;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .22s ease;
    pointer-events:none;
  }
  .fx-home-nav a:hover::after,
  .fx-home-nav a:focus-visible::after {
    transform:scaleX(1);
  }
}

/* v0.7.404: supplied iphone2.webp in step 3, sized/positioned like approved mockup №2. */
.fx-home-how317-dashboard .fx-home-how317-result-iphone {
  display:block;
  width:min(100%,330px);
  max-width:330px;
  height:auto;
  max-height:none;
  margin:0 auto;
  object-fit:contain;
  object-position:center top;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
@media (min-width:1200px) {
  .fx-home-how317-card-result .fx-home-how317-dashboard {
    padding-top:44px;
  }
}
@media (max-width:1199px) {
  .fx-home-how317-dashboard .fx-home-how317-result-iphone {
    width:min(100%,320px);
    max-width:320px;
  }
}
@media (max-width:820px) {
  .fx-home-how317-dashboard .fx-home-how317-result-iphone {
    width:min(100%,310px);
    max-width:310px;
  }
}
@media (max-width:520px) {
  .fx-home-how317-dashboard .fx-home-how317-result-iphone {
    width:min(100%,290px);
    max-width:290px;
  }
}

/* v0.7.413 — reuse the existing global FXStatus toast appearance from app.css. */
.fx-toast{
  position:fixed;top:22px;right:22px;z-index:11000;
  display:flex;align-items:center;gap:9px;
  background:#12a36d;color:#fff;
  padding:12px 16px;border-radius:12px;
  font-size:14px;font-weight:600;
  box-shadow:0 10px 30px rgba(18,31,53,.18);
  transform:translateX(calc(100% + 32px));
  transition:transform .22s ease;
  pointer-events:none;
}
.fx-toast.show{transform:translateX(0)}
.fx-toast svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.fx-toast .fx-toast-icon-success,.fx-toast .fx-toast-icon-error{display:none}
.fx-toast.fx-toast-success{background:#12a36d}
.fx-toast.fx-toast-success .fx-toast-icon-success{display:block}
.fx-toast.fx-toast-error{background:#e15361}
.fx-toast.fx-toast-error .fx-toast-icon-error{display:block}
@media(max-width:650px){
  .fx-toast{left:16px;right:16px;top:16px;transform:translateY(-150%)}
  .fx-toast.show{transform:translateY(0)}
  .fx-toast:not(.show){
    transform:translateY(calc(-100% - 32px)) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  .fx-toast.show{
    transform:translateY(0) !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}
/* v0.7.426: exact icon colors for access/risk cards. */
.fx-home-feature-icon.violet img[src$="shield_1.svg"] {filter:brightness(0) invert(1);opacity:1}
.fx-home-v316-risk-shield img {display:none}
.fx-home-v316-risk-shield::before {content:"";width:38px;height:38px;background:#59d4ae;-webkit-mask:url("/static/img/home/v314/shield_2.svg") center/contain no-repeat;mask:url("/static/img/home/v314/shield_2.svg") center/contain no-repeat}
html[data-theme="light"] .fx-home-v316-risk-shield::before {background:#07805b}
html[data-theme="dark"] .fx-home-v316-risk-shield::before {background:#59d4ae}
html[data-theme="light"] .fx-home-v315-access-list>span>img {filter:brightness(0) saturate(100%) invert(30%) sepia(17%) saturate(768%) hue-rotate(169deg) brightness(91%) contrast(88%);opacity:1}
@media (max-width:520px) {.fx-home-v316-risk-shield::before {width:34px;height:34px}}


html[data-theme="light"] .fx-home-v315-access-list>span>img {background:#40566b;color:#fff;border-color:#40566b;filter:none;opacity:1}

html[data-theme="light"] .fx-home-v315-thresholds i {color:#ffffff}