:root{
  --flow-bg:#f5f7fb;
  --flow-card:#ffffff;
  --flow-text:#111827;
  --flow-muted:#667085;
  --flow-line:#e5e7eb;
  --flow-soft:#eef7ff;
  --flow-primary:#0097a7;
  --flow-primary-dark:#356fb8;
  --flow-dark:#101828;
  --flow-shadow:0 16px 42px rgba(15,23,42,.08);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.bc-flow-page{margin:0;background:var(--flow-bg);color:var(--flow-text);font-family:var(--bc-font-sans);letter-spacing:-.01em;padding-bottom:0;}
a{color:inherit;text-decoration:none;}
.flow-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--flow-line);}
.flow-header-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;}
.flow-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#111827;}
.flow-brand span{width:34px;height:34px;border-radius:10px;background:var(--flow-dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.flow-brand strong{font-size:18px;}
.flow-nav{display:flex;align-items:center;justify-content:center;gap:4px;overflow-x:auto;scrollbar-width:none;}
.flow-nav::-webkit-scrollbar{display:none;}
.flow-nav a{white-space:nowrap;padding:9px 11px;border-radius:10px;color:#344054;font-size:14px;font-weight:600;}
.flow-nav a:hover{background:#eefcff;color:var(--flow-primary-dark);}
.flow-actions{display:flex;align-items:center;gap:8px;}
.flow-actions a{white-space:nowrap;border:1px solid var(--flow-line);border-radius:11px;background:#fff;padding:9px 12px;font-size:13px;font-weight:700;color:#344054;}
.flow-actions .flow-primary{background:var(--flow-dark);border-color:var(--flow-dark);color:#fff;}
.flow-shell{max-width:1180px;margin:0 auto;padding:34px 20px 64px;}
.flow-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:stretch;}
.flow-hero-copy,.flow-hero-panel,.flow-domain-card,.flow-panel,.flow-cta{background:var(--flow-card);border:1px solid var(--flow-line);border-radius:20px;box-shadow:var(--flow-shadow);}
.flow-hero-copy{padding:34px;min-height:340px;display:flex;flex-direction:column;justify-content:center;}
.flow-kicker,.flow-section-head span,.flow-cta span{display:inline-flex;width:max-content;border-radius:999px;background:var(--flow-soft);color:var(--flow-primary-dark);padding:7px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;}
.flow-hero h1{margin:16px 0 12px;font-size:38px;line-height:1.16;max-width:780px;}
.flow-hero p{margin:0;color:var(--flow-muted);font-size:16px;line-height:1.7;max-width:760px;}
.flow-hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
.flow-hero-buttons a,.flow-cta a{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;font-weight:700;}
.flow-hero-buttons a:first-child,.flow-cta a{background:var(--flow-dark);color:#fff;}
.flow-hero-buttons a:last-child{border:1px solid var(--flow-line);background:#fff;color:#344054;}
.flow-hero-panel{padding:20px;display:grid;gap:12px;}
.flow-hero-panel div{border:1px solid var(--flow-line);border-radius:16px;padding:18px;background:linear-gradient(135deg,#fff,#f8fbff);}
.flow-hero-panel span{display:block;color:var(--flow-muted);font-size:13px;font-weight:600;}
.flow-hero-panel strong{display:block;font-size:34px;line-height:1.1;margin-top:8px;}
.flow-hero-panel em{display:block;margin-top:8px;color:var(--flow-primary-dark);font-style:normal;font-size:13px;font-weight:700;}
.flow-domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;}
.flow-domain-card{padding:20px;min-height:210px;display:flex;flex-direction:column;gap:10px;}
.flow-domain-card i{width:44px;height:44px;border-radius:14px;background:#eef7ff;color:var(--flow-primary-dark);display:inline-flex;align-items:center;justify-content:center;font-size:22px;}
.flow-domain-card strong{font-size:18px;}
.flow-domain-card p{margin:0;color:var(--flow-muted);font-size:14px;line-height:1.55;}
.flow-domain-card a{margin-top:auto;color:var(--flow-primary-dark);font-weight:700;font-size:14px;}
.flow-section{margin-top:42px;}
.flow-section-head{margin-bottom:18px;}
.flow-section-head h2{margin:12px 0 0;font-size:26px;line-height:1.32;}
.flow-section-head.compact{margin-bottom:16px;}
.flow-section-head.compact h2{font-size:21px;}
.flow-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.flow-step{position:relative;border:1px solid var(--flow-line);border-radius:18px;background:#fff;padding:20px;box-shadow:0 10px 26px rgba(15,23,42,.05);}
.flow-step b{width:34px;height:34px;border-radius:12px;background:var(--flow-dark);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;}
.flow-step strong{display:block;margin-top:14px;font-size:17px;}
.flow-step p{margin:8px 0 0;color:var(--flow-muted);font-size:13px;line-height:1.55;}
.flow-two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:30px;}
.flow-panel{padding:24px;}
.flow-table-wrap{overflow-x:auto;}
.flow-table{width:100%;border-collapse:collapse;font-size:14px;}
.flow-table th,.flow-table td{border-bottom:1px solid var(--flow-line);padding:13px 10px;text-align:left;vertical-align:top;}
.flow-table th{background:#f9fafb;color:#344054;font-size:13px;}
.flow-table td:first-child{font-weight:700;color:#111827;white-space:nowrap;}
.flow-rule-list{display:grid;gap:10px;}
.flow-rule-list div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--flow-line);border-radius:14px;padding:14px;background:#fff;}
.flow-rule-list i{grid-row:1 / span 2;width:40px;height:40px;border-radius:12px;background:#eef7ff;color:var(--flow-primary-dark);display:inline-flex;align-items:center;justify-content:center;font-size:20px;}
.flow-rule-list strong{font-size:15px;}
.flow-rule-list p{grid-column:2;margin:0;color:var(--flow-muted);font-size:13px;line-height:1.55;}
.flow-device-grid{display:grid;gap:10px;}
.flow-device-grid div{border:1px solid var(--flow-line);border-radius:14px;background:#fff;padding:16px;}
.flow-device-grid strong{font-size:16px;}
.flow-device-grid p{margin:7px 0 0;color:var(--flow-muted);font-size:13px;line-height:1.55;}
.flow-ops-list{display:flex;flex-wrap:wrap;gap:10px;}
.flow-ops-list span{display:inline-flex;border:1px solid var(--flow-line);border-radius:999px;background:#fff;padding:9px 12px;font-size:13px;font-weight:700;color:#344054;}
.flow-cta{margin-top:34px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(135deg,#ffffff,#eef7ff);}
.flow-cta h2{margin:12px 0 8px;font-size:25px;line-height:1.32;}
.flow-cta p{margin:0;color:var(--flow-muted);line-height:1.65;}
.flow-mobile-bottom{display:none;}
@media (max-width:1100px){.flow-header-inner{grid-template-columns:auto minmax(0,1fr);}.flow-actions{display:none;}.flow-nav{justify-content:flex-end;}.flow-domain-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.flow-journey{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){body.bc-flow-page{padding-bottom:70px;}.flow-header{position:static;}.flow-header-inner{display:flex;justify-content:space-between;padding:12px 16px;}.flow-nav{display:none;}.flow-shell{padding:18px 16px 40px;}.flow-hero{grid-template-columns:1fr;}.flow-hero-copy{padding:24px 20px;min-height:auto;border-radius:18px;}.flow-hero h1{font-size:26px;}.flow-hero p{font-size:14px;}.flow-hero-panel{grid-template-columns:repeat(3,1fr);padding:12px;border-radius:18px;}.flow-hero-panel div{padding:12px;border-radius:14px;}.flow-hero-panel span{font-size:11px;}.flow-hero-panel strong{font-size:24px;}.flow-hero-panel em{display:none;}.flow-domain-grid{display:flex;overflow-x:auto;margin:18px -16px 0;padding:0 16px;scrollbar-width:none;}.flow-domain-grid::-webkit-scrollbar{display:none;}.flow-domain-card{flex:0 0 220px;min-height:190px;border-radius:16px;}.flow-section{margin-top:28px;}.flow-section-head h2{font-size:22px;}.flow-journey{display:flex;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none;}.flow-journey::-webkit-scrollbar{display:none;}.flow-step{flex:0 0 220px;border-radius:16px;}.flow-two-columns{grid-template-columns:1fr;margin-top:22px;gap:14px;}.flow-panel{padding:18px 16px;border-radius:18px;}.flow-table{font-size:13px;min-width:620px;}.flow-cta{grid-template-columns:1fr;border-radius:18px;padding:22px 18px;}.flow-cta h2{font-size:21px;}.flow-mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);border-top:1px solid var(--flow-line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px rgba(15,23,42,.08);}.flow-mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#667085;font-size:11px;font-weight:700;}.flow-mobile-bottom i{font-size:18px;}.flow-mobile-bottom a.active{color:var(--flow-primary-dark);}.flow-mobile-bottom a.active i{color:var(--flow-primary-dark);}}
@media (prefers-color-scheme:dark){:root{--flow-bg:#050505;--flow-card:#0b0b0b;--flow-text:#f8fafc;--flow-muted:#9ca3af;--flow-line:#1f2937;--flow-soft:#062b2f;--flow-shadow:0 16px 42px rgba(0,0,0,.35);} .flow-header{background:rgba(7,7,7,.92);} .flow-brand,.flow-nav a,.flow-table td:first-child{color:#f8fafc;} .flow-actions a,.flow-hero-buttons a:last-child,.flow-domain-card,.flow-panel,.flow-step,.flow-rule-list div,.flow-device-grid div,.flow-ops-list span,.flow-chat-mini-room,.flow-hero-panel div{background:#0b0b0b;border-color:#1f2937;} .flow-table th{background:#111827;color:#e5e7eb;} .flow-cta{background:linear-gradient(135deg,#0b0b0b,#062b2f);} .flow-mobile-bottom{background:rgba(7,7,7,.96);border-color:#1f2937;}}
body.bc-flow-page.amoled,body.bc-flow-page[data-theme="amoled"]{background:#000;}