/* Layout: MigoSMTP site system reused for Flowfox. Square corners, ink-navy bands, burnt-orange accent, Maven Pro 400/500 only. */
:root{
  --bg:#fff; --fg:#14172A; --mut:#555763; --lead:#4A4C57; --alt:#F3F3F4; --line:#DCDDE2; --line2:#C7C8CF;
  --acc:#AC5921; --acc-hi:#D2772F; --acc-lo:#A04F1B; --link:#904A1C;
  --dk:#14172A; --dk2:#1D2140; --dk-line:#43444E; --dk-fg:#fff; --dk-mut:#C1C3CB;
  --ok:#3E7F54; --chip:#EDEDF0; --hover:#EDEDF0;
  --font:'Maven Pro',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0E1020; --fg:#ECECF0; --mut:#A9ABB8; --lead:#B8BAC6; --alt:#151833; --line:#2C3050; --line2:#3A3F63;
  --acc:#E0883F; --link:#E8A06A; --chip:#1D2140; --hover:#1D2140; --dk:#090B18; --dk2:#14172A; --ok:#6CC08A; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E1020; --fg:#ECECF0; --mut:#A9ABB8; --lead:#B8BAC6; --alt:#151833; --line:#2C3050; --line2:#3A3F63;
  --acc:#E0883F; --link:#E8A06A; --chip:#1D2140; --hover:#1D2140; --dk:#090B18; --dk2:#14172A; --ok:#6CC08A; color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--font)}
h1,h2,h3,h4,p,ul{margin:0}ul{padding:0;list-style:none}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.w{max-width:1240px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
.sec{padding-block:80px}.alt{background:var(--alt)}
.dk{background:var(--dk);color:var(--dk-fg)}.dk .lead,.dk .mut{color:var(--dk-mut)}
.eb{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.eb::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.dk .eb{color:var(--acc-hi)}
.h1{font-size:clamp(30px,4.2vw,50px);line-height:1.12;font-weight:500;letter-spacing:-.015em;text-wrap:balance}
.h2{font-size:clamp(24px,2.6vw,32px);line-height:1.18;font-weight:500;letter-spacing:-.012em;text-wrap:balance}
.h3{font-size:18px;line-height:1.3;font-weight:500}
.lead{font-size:17px;line-height:1.6;color:var(--lead);max-width:62ch}
.mut{color:var(--mut)}
.b{height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 16px var(--font);border:1px solid var(--fg);background:transparent;color:var(--fg);cursor:pointer;text-decoration:none!important}
.b:hover{background:var(--hover)}
.bp{background:linear-gradient(135deg,var(--acc-hi),#B35C21 55%,var(--acc-lo));border-color:#AC5921;color:#fff}
.bp:hover{background:linear-gradient(135deg,#B35C21,#9A4A18 55%,#873F14);color:#fff}
.dk .b:not(.bp){border-color:var(--dk-line);color:#fff}.dk .b:not(.bp):hover{background:var(--dk2)}
.card{background:var(--bg);border:1px solid var(--line)}
.g{display:grid;gap:20px}
.head{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}
/* preview ribbon */
.pv{background:var(--acc);color:#fff;font-size:14px;text-align:center;padding:7px 16px}
.ann{background:var(--dk);color:#fff;font-size:14px;text-align:center;padding:9px 16px}.ann a{color:#E8B48C;margin-left:8px;text-decoration:underline}
/* header + mega menu: same structure as MigoSMTP */
:root{--ind:#333771;--sel:#F6E9DF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ind:#A9AEEF;--sel:#26203A}}
:root[data-theme="dark"]{--ind:#A9AEEF;--sel:#26203A}
.annb{background:var(--dk);color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px;padding:10px 52px;position:relative;font-size:15px}
.annb a{color:#E8A65A;font-weight:500;text-decoration:underline}
.annb button{position:absolute;right:10px;top:50%;margin-top:-16px;width:32px;height:32px;border:0;background:transparent;color:#fff;font-size:21px;line-height:1;cursor:pointer}
.thl{height:3px;background:linear-gradient(90deg,#D2772F,#AC5921 55%,#333771)}
.hr{position:relative}
.hr header{background:var(--bg);border-bottom:1px solid var(--line)}
.wx{max-width:1320px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
.ub{background:var(--alt);border-bottom:1px solid var(--line)}
.ub .wx{display:flex;align-items:center;justify-content:space-between;gap:16px;height:38px}
.ulk{display:flex;align-items:center;gap:22px}
.u{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0;border:0;background:transparent;font:500 14px var(--font);color:var(--mut);white-space:nowrap;cursor:pointer;text-decoration:none!important}
.u:hover{color:var(--acc)}
.ur{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.ur i{width:1px;height:16px;background:var(--line2);margin:0 8px}
.mn{display:flex;align-items:center;column-gap:8px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;color:var(--fg);font-size:21px;font-weight:500;letter-spacing:-.01em;text-decoration:none!important}
.mn .logo{margin-right:20px;height:72px;flex:none}
.mark{width:32px;height:32px;background:linear-gradient(135deg,#D2772F,#B35C21 55%,#A04F1B);display:inline-flex;align-items:center;justify-content:center}
.tb{display:flex;align-items:center;flex:1 1 auto;min-width:0}
.t2,.l2{height:72px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font:500 16px var(--font);color:var(--fg);white-space:nowrap;text-decoration:none!important}
.t2{border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer}
.t2:hover,.l2:hover{color:var(--acc)}
.t2[aria-expanded="true"]{border-bottom-color:var(--acc);color:var(--acc)}
.ac2{display:flex;align-items:center;gap:10px;flex:none}
.hb{height:42px;padding:0 18px;display:inline-flex;align-items:center;white-space:nowrap;font:500 15.5px var(--font);border:1px solid var(--fg);color:var(--fg);text-decoration:none!important}
.hb.p{background:linear-gradient(135deg,#D2772F,#B35C21 55%,#A04F1B);border-color:#AC5921;color:#fff}
@media(max-width:1180px){.hb.o{display:none}}
@media(max-width:980px){.ulk{display:none}.mn{flex-wrap:wrap}.tb{order:3;flex-basis:100%;flex-wrap:wrap}.t2,.l2{height:46px}.ac2{margin-inline-start:auto}.hb.o{display:inline-flex}}
@media(max-width:560px){.hb.o{display:none}}
.mp{position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 28px 56px rgba(14,16,29,.16);animation:drop .25s ease both}
.mp>.wx{display:flex;flex-wrap:wrap;min-height:380px}
.vl{flex:0 0 290px;padding:26px 20px 26px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.vl .pt2{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ind);margin-bottom:8px}
.vt{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:14px 16px;border:0;border-left:3px solid transparent;background:transparent;font-family:inherit;color:var(--fg);text-align:left;cursor:pointer;transition:background .2s,transform .2s}
.vt:hover{transform:translateX(3px)}
.vt[aria-pressed="true"]{background:var(--sel);border-left-color:var(--acc)}
.vt b{font-size:17px;font-weight:500;display:block}
.vt small{font-size:14px;color:var(--mut);line-height:1.4;display:block}
.vm{margin-top:auto;padding:14px 16px 0;font-weight:500;font-size:15px}
.mc{flex:1 1 520px;min-width:0;padding:26px 0 26px 28px;display:flex;flex-direction:column;gap:14px;animation:fade .35s ease both}
.mc h3{font-size:21px;font-weight:500;letter-spacing:-.01em}
.ig{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:6px}
.it{display:flex;gap:14px;padding:14px;color:var(--fg);align-items:flex-start;transition:background .2s,transform .2s;text-decoration:none!important}
.it:hover{transform:translateY(-2px);background:var(--alt);color:var(--fg)}
.it .bx{width:42px;height:42px;flex:none;display:inline-flex;align-items:center;justify-content:center}
.it .tx2{min-width:0}
.it b{font-weight:500;font-size:16px;display:block}
.it .d{font-size:15px;color:var(--mut);line-height:1.4;display:block}
.pm{flex:0 0 300px;padding:26px 0 26px 24px}
.promo{height:100%;min-height:260px;padding:26px;color:#fff;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;background:radial-gradient(120% 150% at 100% 0%,rgba(198,106,43,.55),rgba(198,106,43,0) 58%),radial-gradient(90% 120% at 0% 100%,rgba(53,58,120,.55),rgba(53,58,120,0) 60%),linear-gradient(135deg,#0E1224,#171A38 55%,#241C3E)}
.promo small{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#B2B4D0}
.promo strong{font-size:21px;font-weight:500;line-height:1.25}
.promo p{font-size:15px;color:#DADBE5;line-height:1.5}
.promo a{margin-top:auto;height:44px;padding:0 18px;background:#fff;color:#814218;font-weight:500;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}
.st{background:var(--alt);border-top:1px solid var(--line)}
.st .wx{padding-block:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px}
.st b{font-weight:500;font-size:15.5px}
.st a{font-size:15px;font-weight:500;color:var(--fg);text-decoration:none!important}.st a:hover{color:var(--acc)}
.st .api{margin-left:auto;color:var(--acc)}
.rg{position:absolute;right:max(16px,2.5vw);top:100%;z-index:60;width:min(600px,94vw);background:var(--bg);border:1px solid var(--fg);padding:22px;display:flex;flex-direction:column;gap:16px;animation:drop .25s ease both}
.rg .cols2{display:flex;flex-wrap:wrap;gap:20px}.rg .cols2>div{flex:1 1 240px;min-width:0}
.rg h5{margin:0 0 8px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.rg button.o{display:flex;justify-content:space-between;width:100%;padding:9px 12px;margin-bottom:4px;font:400 15.5px var(--font);border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer}
.rg button.o[aria-pressed="true"]{border-color:var(--acc);background:var(--sel)}
.rg .ft2{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;font-size:15px;color:var(--mut)}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
/* hero: same photo hero with floating cards as MigoSMTP */
.hero2{position:relative;color:#fff;background:#050B0E;overflow:hidden}
.hero2 .im{position:absolute;top:0;bottom:0;left:-10%;width:100%;background:url(/assets/ff/img/hero-flowfox.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,#000 92%,transparent 100%)}
.hero2 .sh1{position:absolute;inset:0;background:linear-gradient(90deg,#050B0E 0%,rgba(5,11,14,.95) 34%,rgba(5,11,14,.45) 50%,rgba(5,11,14,0) 64%)}
.hero2 .sh2{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,rgba(5,11,14,0),#050B0E)}
.hero2 .w{position:relative;min-height:700px;display:flex;align-items:center;padding-block:56px}
.hbox{max-width:540px;display:flex;flex-direction:column;gap:24px}
.hero2 .eb{color:#F2B66B}
.hero2 h1{margin:0;font-size:clamp(28px,3.4vw,44px);line-height:1.1;font-weight:500;letter-spacing:-.025em}
.hero2 h1 span{color:#F08A3C}
.hero2 .ld{margin:0;font-size:19px;color:#D5DEDC;max-width:480px}
.hero2 .sm{margin:0;font-size:15px;color:#A9BBBE}.hero2 .sm a{color:#F2B66B}
.hero2 .cta{display:flex;flex-wrap:wrap;gap:12px}
.hero2 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;font-weight:500;text-decoration:none!important}
.bw{background:#fff;color:#14172A;border:1px solid #fff}.bw:hover{background:#EDEDF0}
.bo{background:transparent;color:#fff;border:1px solid #8E90A6}.bo:hover{background:#1D2140}
.pt{position:absolute;bottom:-10px;border-radius:50%;background:rgba(240,138,60,.75);animation:ptf linear infinite}
@keyframes ptf{from{transform:translateY(0);opacity:.9}to{transform:translateY(-780px);opacity:0}}
.hfloat{position:absolute;right:1.8vw;top:50%;transform:translateY(-54%);width:clamp(250px,19vw,300px);z-index:2;perspective:900px}
.hcard{position:relative;height:350px}
.cd{position:absolute;inset:0;padding:18px;overflow:hidden;color:#fff;background:linear-gradient(160deg,rgba(18,30,52,.88),rgba(8,14,24,.9));border:1px solid rgba(232,166,90,.55);box-shadow:0 0 34px rgba(232,166,90,.16),inset 0 0 24px rgba(232,166,90,.06);backdrop-filter:blur(10px);opacity:0;animation:cdp 32s linear infinite both}
@keyframes cdp{0%{opacity:0;transform:translateX(-300px) translateZ(-220px) rotateY(62deg) scale(.78);filter:brightness(.35)}3%{opacity:1;transform:translateX(14px) translateZ(46px) rotateY(-14deg) scale(1.03);filter:brightness(1)}4.5%,21%{opacity:1;transform:none;filter:brightness(1)}24%,100%{opacity:0;transform:translateX(-160px) translateZ(-180px) rotateY(48deg) scale(.84);filter:brightness(.4)}}
.cd .tg{display:flex;justify-content:space-between;align-items:center}
.cd .tg span:first-child{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#E8A65A;font-weight:500}
.cd .tg span:last-child{font-size:11px;color:#8A9AA0}
.cd h4{font-size:18px;font-weight:500;margin:5px 0 12px;line-height:1.25}
.rw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:rgba(255,255,255,.06);margin-bottom:6px;font-size:14.5px}
.rw .mo{font-family:var(--mono);font-size:13px}
.okb{font-size:13px;font-weight:500;color:#3FBF9A;background:rgba(63,191,154,.16);padding:3px 9px;white-space:nowrap}
.cd .nt{margin-top:10px;font-size:13px;color:#B8C6CB}
.cd .big{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.cd .big strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}.cd .big span{font-size:13px;color:#B8C6CB}
.cd .bars{display:flex;gap:3px;height:12px;margin:6px 0 10px}.cd .bars i{display:block;background:#3FBF9A}.cd .bars i.x{background:#E26D5A}
.cd .meter{height:6px;background:rgba(255,255,255,.12);margin-top:10px}.cd .meter i{display:block;height:100%;background:linear-gradient(90deg,#E8A65A,#3FBF9A)}
@media(max-width:1060px){.hfloat{display:none}.hero2 .w{min-height:560px}}
@media(prefers-reduced-motion:reduce){.cd{animation:none}.cd:first-child{opacity:1}.pt{display:none}}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.fine{font-size:14px;color:var(--mut)}
/* proof */
.proof{padding-block:30px;border-block:1px solid var(--line)}
.proof .w{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.proof p{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.proof ul{display:flex;gap:34px;flex-wrap:wrap}.proof li{font-size:20px;font-weight:500;color:var(--mut);letter-spacing:-.02em}
/* five jobs */
.five{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.job{padding:24px;display:flex;flex-direction:column;gap:10px;color:var(--fg);transition:background .2s,transform .2s;text-decoration:none!important}
.job:hover{background:var(--hover);transform:translateY(-2px)}
.job p{font-size:15px;color:var(--mut)}.job .lk{margin-top:auto;font-weight:500;color:var(--link);font-size:15px}
.ic{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--acc)}
.ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}
/* journey */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tab{height:40px;padding:0 16px;border:1px solid var(--dk-line);background:transparent;color:var(--dk-mut);font:500 15px var(--font);cursor:pointer}
.tab:hover{color:#fff}.tab[aria-selected="true"]{background:linear-gradient(135deg,var(--acc-hi),#B35C21 55%,var(--acc-lo));border-color:#AC5921;color:#fff}
.canvas{background:var(--dk2);border:1px solid var(--dk-line);padding:28px 20px;overflow-x:auto}
.flow{display:flex;align-items:center;gap:0;min-width:760px}
.node{border:1px solid var(--dk-line);background:var(--dk);padding:10px 12px;min-width:122px;font-size:13px}
.node small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-hi)}
.node.g2{border-color:#3E7F54}.node.g2 small{color:#7CC79A}
.arrow{width:30px;height:1px;background:var(--dk-line);position:relative;flex:none}
.arrow::after{content:"";position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:var(--dk-line)}
.split{display:flex;flex-direction:column;gap:10px}
.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin-top:22px;font-size:14px;color:var(--dk-mut)}
.legend b{display:block;color:#fff;font-weight:500}
/* channels */
.ch{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.chn{padding:18px;display:flex;flex-direction:column;gap:6px}
.chn .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.chn p{font-size:14.5px;color:var(--mut)}
.chip{font-size:11.5px;padding:2px 8px;background:var(--chip);color:var(--fg);letter-spacing:.04em}
.chip.def{background:linear-gradient(135deg,var(--acc-hi),var(--acc-lo));color:#fff}
/* intelligence */
.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.int{padding:24px;display:flex;flex-direction:column;gap:12px}
.int p{color:var(--mut);font-size:15px}
.int svg.sp{width:100%;height:84px;display:block;border-top:1px solid var(--line);padding-top:10px}
/* flowconnect */
.fc{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:20px;align-items:center}
.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{border:1px solid var(--dk-line);padding:7px 12px;font-size:14px;color:#fff;background:var(--dk2)}
.hub{border:1px solid var(--acc-hi);padding:20px 10px;text-align:center;font-weight:500;background:var(--dk)}
.hub small{display:block;font-size:11px;color:var(--acc-hi);letter-spacing:.1em;text-transform:uppercase}
.fc h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-mut);margin-bottom:10px;font-weight:500}
@media(max-width:820px){.fc{grid-template-columns:1fr}}
/* migration + pricing + security */
.mig{padding:36px;display:flex;gap:28px;justify-content:space-between;align-items:center;flex-wrap:wrap;border:1px solid var(--line);background:var(--bg)}
.mig .m{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mig .m span{padding:5px 11px;background:var(--chip);font-size:14px}
.pr{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));max-width:820px}
.plan{padding:28px;display:flex;flex-direction:column;gap:14px}
.plan.hi{border-color:var(--acc);border-width:2px}
.price{font-size:38px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.price small{font-size:15px;color:var(--mut);font-weight:400}
.plan li{display:flex;gap:9px;font-size:15px;padding:6px 0;border-top:1px solid var(--line)}
.plan li::before{content:"";width:12px;height:7px;margin-top:8px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg);flex:none}
.sec4{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.sc{padding:20px;display:flex;flex-direction:column;gap:6px}.sc p{font-size:14.5px;color:var(--mut)}
.final{text-align:left}
.final .w{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
/* footer */
.ft{background:var(--dk);color:var(--dk-mut);padding-block:56px 28px;font-size:14.5px}
.ft .cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px}
.ft h4{color:#fff;font-weight:500;font-size:14px;margin-bottom:12px}.ft li{padding:3px 0}.ft a{color:var(--dk-mut)}.ft a:hover{color:#fff}
.ft .logo{color:#fff}
.nl{display:flex;margin-top:16px;max-width:330px}.nl input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid var(--dk-line);background:var(--dk2);color:#fff;font:400 15px var(--font)}
.nl button{height:42px;padding:0 14px;border:0;background:var(--acc);color:#fff;font:500 15px var(--font);cursor:pointer}
.legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--dk-line);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13.5px}
@media(max-width:860px){.ft .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ft .cols{grid-template-columns:minmax(0,1fr)}}
.ft .cols>div{min-width:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.alt5{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.ac{padding:24px;display:flex;flex-direction:column;gap:8px}.ac p{font-size:15px;color:var(--mut)}
.cmp{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:24px;font-size:15px}.cmp a{font-weight:500}
.hn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.hn-t{background:var(--bg);padding:24px;display:flex;flex-direction:column;gap:8px;color:var(--fg);transition:background .2s;text-decoration:none!important}
.hn-t:hover{background:var(--alt)}.hn-t p{font-size:15px;color:var(--mut)}
.hn-i{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--acc);margin-bottom:6px}
.lkx{margin-top:auto;padding-top:8px;font-weight:500;font-size:15px;color:var(--link)}

.fcta{background:radial-gradient(120% 150% at 100% 0%,rgba(198,106,43,.55),rgba(198,106,43,0) 58%),radial-gradient(90% 120% at 0% 100%,rgba(53,58,120,.55),rgba(53,58,120,0) 60%),linear-gradient(135deg,#0E1224,#171A38 55%,#241C3E);color:#fff}
.fb{height:52px;padding:0 28px;display:inline-flex;align-items:center;font:500 16px var(--font);text-decoration:none!important;border:1px solid #fff}
.fw{background:#fff;color:#14172A}.fw:hover{background:#EDEDF0}.fo{color:#fff}.fo:hover{background:rgba(255,255,255,.12)}
.sf{background:#14172A;color:#C1C3CB;font-size:15px}
.sf-row{display:grid;grid-template-columns:minmax(250px,1.6fr) repeat(6,minmax(0,1fr));gap:40px 28px}
.sf-b{min-width:0;max-width:340px}
.sf-c{min-width:0}
@media(max-width:1180px){.sf-row{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-b{grid-column:1/-1;max-width:420px}}
@media(max-width:560px){.sf-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sf-c h3{margin:0 0 14px;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#9B9EB4}
.sf-c ul{display:flex;flex-direction:column;gap:10px}
.sf-a{color:#C1C3CB;text-decoration:none}.sf-a:hover{color:#fff;text-decoration:underline}
.sf-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:21px;font-weight:500;text-decoration:none!important}
.sf-t{margin:16px 0 20px;font-size:15.5px;color:#C1C3CB}
.sf-soc{display:flex;gap:8px}
.sf-s{width:38px;height:38px;display:grid;place-items:center;border:1px solid #43444E;color:#C1C3CB;font-size:14px;font-weight:500;text-decoration:none!important}
.sf-s:hover{background:#AC5921;border-color:#AC5921;color:#fff}
.sf-nl{margin-top:24px;display:flex;flex-direction:column;gap:8px}
.sf-nl label{font-size:14px;color:#fff;font-weight:500}
.sf-nr{display:flex}
.sf-nr input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #43444E;background:#1D2140;color:#fff;font:400 15px var(--font)}
.sf-nr input::placeholder{color:#8E90A6}
.sf-nr button{height:44px;padding:0 16px;border:0;background:linear-gradient(135deg,#D2772F,#B35C21 55%,#A04F1B);color:#fff;font:500 15px var(--font);cursor:pointer}
.sf-nl p{font-size:13.5px;color:#7CC79A}.sf-nl small{font-size:12.5px;color:#9B9EB4}
.sf-rw{margin-top:20px;font-size:14px;color:#9B9EB4}
.sf-bar{border-top:1px solid #202545;font-size:14px;color:#ABACB7}
.sf-bar .sf-a{font-size:14px}
.sf-reg{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:14px;border-top:1px solid #202545}
.sf-reg span{color:#9B9EB4;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
/* ===== shared animation system (HeroStory + PhotoStage), modelled on MigoSMTP ===== */
@keyframes kin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes kpop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.14)}100%{opacity:1;transform:scale(1)}}
@keyframes ksl{from{opacity:0;transform:translateX(-46px)}to{opacity:1;transform:none}}
@keyframes ksr{from{opacity:0;transform:translateX(46px)}to{opacity:1;transform:none}}
@keyframes kdrop{0%{opacity:0;transform:translateY(-40px)}70%{opacity:1;transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes kgrow{from{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes kfill{from{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes ktype{from{opacity:1;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes kdraw{from{opacity:1;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}
@keyframes kfade{from{opacity:0}to{opacity:1}}
@keyframes kout{from{opacity:1}to{opacity:0}}
@keyframes koff{from{offset-distance:0%;opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}
@keyframes koffl{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes kneedle{from{opacity:1;transform:rotate(-90deg)}to{opacity:1;transform:rotate(var(--a))}}
@keyframes kburst{0%{opacity:0;transform:translate(0,0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:translate(var(--bx),var(--by)) scale(1) rotate(180deg)}}
@keyframes kpulse{0%{box-shadow:0 0 0 0 rgba(240,138,60,.55)}100%{box-shadow:0 0 0 12px rgba(240,138,60,0)}}
@keyframes kb{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-1.2%,.8%,0)}}
.kb{animation:kb 24s ease-in-out infinite alternate;will-change:transform}
.on .an,.static .an{animation-duration:.7s;animation-delay:var(--d,0s);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.an{opacity:0}
.on .a-in{animation-name:kin}.on .a-pop{animation-name:kpop}.on .a-sl{animation-name:ksl}.on .a-sr{animation-name:ksr}.on .a-drop{animation-name:kdrop}
.on .a-grow{animation-name:kgrow;transform-origin:bottom;animation-duration:.9s}
.on .a-fill{animation-name:kfill;transform-origin:left;animation-duration:1.1s}
.on .a-type{animation-name:ktype;animation-duration:.9s;animation-timing-function:steps(18,end)}
.on .a-fade{animation-name:kfade}.on .a-out{animation-name:kout}
.on .a-needle{animation-name:kneedle;transform-origin:50% 100%;animation-duration:1.6s}
.a-draw{stroke-dasharray:1;stroke-dashoffset:1}
.on .a-draw{animation-name:kdraw;animation-duration:1s}
.on .a-burst{animation:kburst 1.1s var(--d,0s) ease-out both}
.static .an{opacity:1;animation:none}.static .a-draw{stroke-dashoffset:0}.static .a-out{opacity:0}.static .a-grow,.static .a-fill{transform:none}.static .a-needle{transform:rotate(var(--a))}.static .a-burst{display:none}
.leave .an{opacity:1}.leave .a-draw{stroke-dashoffset:0}
.leave .a-out{opacity:0}
.a-dot{offset-rotate:0deg}
@supports not (offset-path:path('M0 0L1 1')){.a-dot{display:none}}
.on .a-dot{animation:koff 1.9s var(--d,0s) linear both}
.on .a-dotl{animation:koffl 3.2s var(--d,0s) linear infinite;opacity:1}
.a-dotl{opacity:1}
@media(prefers-reduced-motion:reduce){.kb,.hs-blob,.hs-orb,.hs-amb{animation:none!important}}

/* ===== HeroStory (inner-page hero animation) ===== */
.hs-w{width:100%;max-width:560px;margin-inline:auto;position:relative;overflow:hidden}
.hs{position:absolute;left:0;top:0;width:560px;height:500px;transform-origin:0 0;color:var(--fg);font-family:var(--font)}
.hs *{box-sizing:border-box}
.hs-blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:.42;animation:hsb 18s ease-in-out infinite alternate}
@keyframes hsb{to{transform:translate(40px,-30px) scale(1.2)}}
.hs-orb{position:absolute;left:50%;top:170px;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;border:1.5px dashed var(--line2);animation:hsrot 70s linear infinite}
.hs-orb2{width:290px;height:290px;margin:-145px 0 0 -145px;animation-direction:reverse;animation-duration:50s;border-color:var(--line)}
@keyframes hsrot{to{transform:rotate(360deg)}}
.hs-amb{position:absolute;width:38px;height:38px;border-radius:12px;background:var(--bg);border:1px solid var(--line);box-shadow:0 10px 24px rgba(20,23,42,.10);display:flex;align-items:center;justify-content:center;animation:hsbob 6s ease-in-out infinite}
.hs-amb svg{width:19px;height:19px;stroke:var(--acc);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes hsbob{50%{transform:translateY(-12px) rotate(4deg)}}
.hs-live{position:absolute;left:0;top:6px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.hs-live i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#D2772F,#B35C21 55%,#A04F1B);animation:hslive 1.8s infinite}
@keyframes hslive{0%{box-shadow:0 0 0 0 rgba(181,93,34,.5)}100%{box-shadow:0 0 0 10px rgba(181,93,34,0)}}
.hs-ring{position:absolute;right:0;top:0;width:40px;height:40px}
.hs-ring circle:last-child{stroke-dasharray:1;stroke-dashoffset:1}
.hs-ring.run circle:last-child{animation:hsring var(--T,5.6s) linear both}
@keyframes hsring{to{stroke-dashoffset:0}}
.hs-sn{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(34px) scale(.98);transition:opacity .45s,transform .45s}
.hs-sn.on{opacity:1;transform:none}
.hs-sn.leave{opacity:0;transform:translateX(-34px) scale(.98)}
.hs-sw{position:absolute;left:6px;top:44px;width:548px;height:286px}
.hs-cp{position:absolute;left:0;right:90px;top:338px;display:flex;flex-direction:column;gap:5px}
.hs-ct{font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:1.2}
.hs-cs{font-size:15px;color:var(--mut);line-height:1.45}
.hs-e{position:absolute}
.hs-pt{position:absolute;left:0;top:0;width:548px;height:286px;overflow:visible;pointer-events:none}
.hs-c{background:var(--bg);border:1px solid var(--line);box-shadow:0 10px 24px rgba(20,23,42,.08)}
.hs-f{display:flex;align-items:center;gap:10px;padding:0 14px;height:100%;white-space:nowrap}
.hs-col{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;height:100%}
.hs-m{font-family:var(--mono);font-size:13px}
.hs-s{font-size:12px;color:var(--mut)}
.hs-b{font-size:14.5px;font-weight:500}
.hs-dot{width:9px;height:9px;border-radius:50%;background:var(--acc);flex:none}
.hs-ic{width:30px;height:30px;display:grid;place-items:center;flex:none;color:#fff}
.hs-ic svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hs-pill{font-size:12px;font-weight:500;padding:2px 9px;background:rgba(63,191,154,.16);color:var(--ok);white-space:nowrap}
.hs-chip{display:inline-block;font-size:12.5px;font-weight:500;padding:3px 10px;background:var(--chip);color:var(--fg);white-space:nowrap}
.hs-chip.ac{background:linear-gradient(135deg,var(--acc-hi),var(--acc-lo));color:#fff}
.hs-bar{height:6px;background:var(--line);position:relative}.hs-bar i{position:absolute;inset:0;right:auto;background:linear-gradient(90deg,var(--acc-hi),var(--acc-lo))}
.hs-big{font-size:34px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05}
.hs-burst{position:absolute;width:0;height:0;z-index:3}
.hs-burst i{position:absolute;width:8px;height:8px;margin:-4px;background:var(--acc-hi);opacity:0}
.hs-stp{position:absolute;left:0;right:0;top:436px;display:flex;gap:8px}
.hs-si{flex:1;min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font-family:inherit;color:var(--mut);display:flex;flex-direction:column;gap:7px}
.hs-si span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-si b{display:block;height:3px;background:var(--line);position:relative}.hs-si b i{position:absolute;inset:0;right:auto;width:0;background:var(--acc)}
.hs-si.done b i{width:100%}
.hs-si.act{color:var(--fg)}.hs-si.act b i{animation:hsfill var(--T,5.6s) linear both}
@keyframes hsfill{from{width:0}to{width:100%}}
.hs-si:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.hs-ag{position:relative;background:var(--alt)}
.hs-cn{font-variant-numeric:tabular-nums}

/* ===== PhotoStage (photo bg + animated product screen) ===== */
.ps{position:relative;width:100%;max-width:640px;aspect-ratio:1/1;margin-inline:auto;overflow:hidden;background:#0B0E1C}
.ps-in{position:absolute;inset:0}
.ps-img{position:absolute;inset:0;background-size:cover;background-position:center}
.ps-ui{position:absolute;left:0;top:0;width:640px;height:520px;transform-origin:0 0;background:#0B1230;color:#E8EAF6;font-family:var(--font);overflow:hidden;font-size:13px}
.ps-ui::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#26316A 1px,transparent 1px);background-size:22px 22px;opacity:.55}
.ps-ui::after{content:"";position:absolute;inset:-40% -10%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.07) 50%,transparent 58%);animation:pssheen 7s ease-in-out infinite}
@keyframes pssheen{0%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
.ps-ui *{box-sizing:border-box}
.pu{position:absolute}
.pu-c{background:#131B3D;border:1px solid #2A3566}
.pu-t{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#E8A65A;font-weight:500}
.pu-m{color:#9AA3CC;font-size:12px}
.pu-b{font-size:13.5px;font-weight:500;color:#fff}
.pu-big{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;color:#fff;line-height:1.05}
.pu-nd{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;height:100%;border-left:3px solid var(--k,#E8A65A)}
.pu-pill{font-size:11.5px;font-weight:500;padding:2px 9px;background:rgba(63,191,154,.18);color:#3FBF9A;white-space:nowrap;display:inline-block}
.pu-pill.dr{background:rgba(232,166,90,.18);color:#E8A65A}
.pu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;height:100%;font-size:13px;white-space:nowrap}
.pu-bar{height:7px;background:#232C5C;position:relative}.pu-bar i{position:absolute;inset:0;right:auto;background:linear-gradient(90deg,#E8A65A,#3FBF9A)}
.pu-btn{display:grid;place-items:center;height:100%;background:linear-gradient(135deg,#D2772F,#A04F1B);color:#fff;font-weight:500;font-size:13.5px}
.pu-dot{position:absolute;width:9px;height:9px;margin:-4px;border-radius:50%;background:#F08A3C;box-shadow:0 0 12px #F08A3C;top:0;left:0}
.ps-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-block:6px 0}
.ps-tabs button{height:40px;padding:0 16px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:500 15px var(--font);cursor:pointer}
.ps-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--acc-hi),#B35C21 55%,var(--acc-lo));border-color:#AC5921;color:#fff}
/* split layout used with a photo stage */
.sp2{display:flex;flex-wrap:wrap;align-items:center;gap:44px clamp(32px,6vw,80px)}
.sp2.rev{flex-direction:row-reverse}
.sp2 .tx{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:20px}
.sp2 .vs{flex:0 1 640px;min-width:0;display:flex;flex-direction:column;gap:14px;width:100%}
.sp2 ul.ck{display:flex;flex-direction:column;gap:10px}
.sp2 ul.ck li{display:flex;gap:12px;font-size:16px;color:var(--lead)}
.sp2 ul.ck li::before{content:"";width:12px;height:7px;margin-top:9px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg);flex:none}
/* industry tiles with photo backgrounds */
.tl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.tl{position:relative;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px;color:#fff;overflow:hidden;background:#0B0E1C;text-decoration:none!important;border:1px solid var(--line)}
.tl .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s ease;animation:kb 26s ease-in-out infinite alternate}
.tl:hover .bg{transform:scale(1.08)}
.tl::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,14,28,.1) 0%,rgba(11,14,28,.72) 58%,rgba(11,14,28,.94) 100%)}
.tl>*:not(.bg){position:relative;z-index:1}
.tl h3{font-size:20px;font-weight:500;letter-spacing:-.01em}
.tl p{font-size:15px;color:#D5DAEE}
.tl .tli{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#D2772F,#A04F1B);margin-bottom:auto}
.tl .tli svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tl .lkx{color:#F2B66B;font-weight:500;font-size:15px}
.tl:hover{border-color:var(--acc)}
/* footer call-to-action photo */
.fcta{position:relative;overflow:hidden;isolation:isolate}
.fcta .cbg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center right;animation:kb 28s ease-in-out infinite alternate}
.fcta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,18,36,.96) 0%,rgba(14,18,36,.86) 42%,rgba(14,18,36,.35) 100%)}
.fcta .pt{position:absolute;bottom:-10px;border-radius:50%;background:rgba(240,138,60,.75);animation:ptf2 linear infinite}
@keyframes ptf2{from{transform:translateY(0);opacity:.9}to{transform:translateY(-300px);opacity:0}}
/* inner page hero (animated story on the right) */
.ph{position:relative;overflow:hidden;background:var(--alt);border-bottom:1px solid var(--line)}
.ph .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px;align-items:center;padding-block:56px 40px}
.ph .tx{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ph .bc{font-size:14px;color:var(--mut)}.ph .bc a{color:var(--mut)}
@media(max-width:980px){.ph .w{grid-template-columns:minmax(0,1fr)}}
.i-b1_01{background-image:url(/assets/ff/img/404525f65f.webp)}
.i-b7_03{background-image:url(/assets/ff/img/23a763bdc8.webp)}
.i-b5_01{background-image:url(/assets/ff/img/01c24d8e14.webp)}
.i-cta{background-image:url(/assets/ff/img/cta-flowfox.jpg);background-position:center 42%}
.i-ind1{background-image:url(/assets/ff/img/f295fd0d9e.webp)}
.i-ind2{background-image:url(/assets/ff/img/8233a7e430.webp)}
.i-ind3{background-image:url(/assets/ff/img/528d694a8e.webp)}
.i-ind5{background-image:url(/assets/ff/img/edf757ec3c.webp)}
.i-ind6{background-image:url(/assets/ff/img/571e475d9b.webp)}
.i-ind7{background-image:url(/assets/ff/img/16f9d101f1.webp)}
.i-ind8{background-image:url(/assets/ff/img/5236d9eaba.webp)}
.i-ind9{background-image:url(/assets/ff/img/9e21a358f7.webp)}

.dk .sp2 ul.ck li{color:var(--dk-mut)}
.dk .ps{box-shadow:0 30px 80px rgba(0,0,0,.45)}
.sp2 .tabs{margin:2px 0 0}
.ps{box-shadow:0 24px 60px rgba(20,23,42,.22)}
.fcl h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dk-mut);margin:14px 0 10px;font-weight:500}
.one3{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:28px;font-size:16px}.one3 span{padding:10px 16px;background:var(--bg);border:1px solid var(--line2)}.one3 b{color:var(--acc);font-weight:500;font-size:20px}.one3 .ff{background:linear-gradient(135deg,var(--acc-hi),var(--acc-lo));color:#fff;border-color:var(--acc);font-weight:500}

.lng{max-width:860px;display:flex;flex-direction:column;gap:18px}.lng h2{margin-top:14px}.lng h3{font-size:20px;font-weight:500;margin-top:6px}
.lng p{font-size:17.5px;line-height:1.75;color:var(--lead)}.lng ul{display:flex;flex-direction:column;gap:8px;padding-left:20px;list-style:disc}.lng li{font-size:17px;line-height:1.65;color:var(--lead)}
.lng a{font-weight:500}
.faqs{max-width:860px;border:1px solid var(--line);background:var(--bg)}.faqs details{border-top:1px solid var(--line)}.faqs details:first-child{border-top:0}
.faqs summary{cursor:pointer;padding:18px 22px;font-weight:500;font-size:17.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;line-height:1.4}
.faqs summary::after{content:"+";color:var(--acc);font-size:22px;line-height:1;flex:none}.faqs details[open] summary::after{content:"\2013"}
.faqs summary::-webkit-details-marker{display:none}.faqs p{padding:0 22px 20px;color:var(--lead);font-size:16.5px;line-height:1.7}


.subn{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(20,23,42,.04)}
.subn .w{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.subn .w::-webkit-scrollbar{display:none}
.subn a{flex:none;height:54px;display:flex;align-items:center;padding:0 16px;font:500 15px var(--font);color:var(--mut);text-decoration:none!important;border-bottom:3px solid transparent;white-space:nowrap}
.subn a:hover{color:var(--fg)}.subn a[aria-current="true"]{color:var(--fg);border-bottom-color:var(--acc)}
.subn .sc{margin-left:auto;flex:none;padding-left:12px}
section[id^="sn-"]{scroll-margin-top:60px}

.lng{max-width:860px;display:flex;flex-direction:column;gap:18px}.lng h2{margin-top:14px}.lng h3{font-size:20px;font-weight:500;margin-top:6px}
.lng p{font-size:17.5px;line-height:1.75;color:var(--lead)}.lng ul{display:flex;flex-direction:column;gap:8px;padding-left:20px;list-style:disc}.lng li{font-size:17px;line-height:1.65;color:var(--lead)}
.lng a{font-weight:500}
.faqs{max-width:860px;border:1px solid var(--line);background:var(--bg)}.faqs details{border-top:1px solid var(--line)}.faqs details:first-child{border-top:0}
.faqs summary{cursor:pointer;padding:18px 22px;font-weight:500;font-size:17.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;line-height:1.4}
.faqs summary::after{content:"+";color:var(--acc);font-size:22px;line-height:1;flex:none}.faqs details[open] summary::after{content:"\2013"}
.faqs summary::-webkit-details-marker{display:none}.faqs p{padding:0 22px 20px;color:var(--lead);font-size:16.5px;line-height:1.7}

.dk .sp2 ul.ck li{color:var(--dk-mut)}
[hidden]{display:none!important}
.hdr2{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;max-width:760px}
.cr{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.nc{padding:22px;display:flex;flex-direction:column;gap:10px}.nc p{font-size:15px;color:var(--mut)}
.nc .sq{width:42px;height:42px;display:grid;place-items:center;color:#fff;font-weight:500}
a.rl{text-decoration:none!important;color:var(--fg)}a.rl:hover{border-color:var(--acc)}
.ih{background:var(--alt);border-bottom:1px solid var(--line)}
.ihg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px;align-items:center;padding-block:48px 24px}
.ih .top{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ih .bc{font-size:14px;color:var(--mut)}.ih .bc a{color:var(--mut)}
@media(max-width:980px){.ihg{grid-template-columns:minmax(0,1fr)}}
.ipl{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin;margin-top:6px}
.ipl button{flex:none;height:52px;padding:0 18px;border:0;border-bottom:3px solid transparent;background:transparent;font:500 15.5px var(--font);color:var(--mut);cursor:pointer;white-space:nowrap}
.ipl button:hover{color:var(--fg)}.ipl button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--acc)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span,.chips a{border:1px solid var(--line2);padding:7px 12px;font-size:14.5px;background:var(--bg);color:var(--fg);text-decoration:none}
.chips .on{background:linear-gradient(135deg,var(--acc-hi),var(--acc-lo));color:#fff;border-color:var(--acc)}
.tbl{border:1px solid var(--line);background:var(--bg)}.tbl .r{display:grid;grid-template-columns:var(--cols,minmax(0,1.5fr) repeat(2,minmax(0,1fr)));gap:12px;padding:13px 20px;border-top:1px solid var(--line);font-size:15.5px}
.tbl .r.h{background:var(--alt);border-top:0;font-weight:500}.tbl .r>span{min-width:0}.tbl .y{color:var(--ok);font-weight:500}.tbl .n{color:var(--mut)}
.code{background:#0B1230;color:#E8EAF6;padding:18px 20px;font:13.5px/1.6 var(--mono);overflow-x:auto;white-space:pre;border:1px solid #2A3566}
.code i{color:#E8A65A;font-style:normal}.code b{color:#3FBF9A;font-weight:400}
.tabs2{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs2 button{height:40px;padding:0 16px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:500 15px var(--font);cursor:pointer}
.tabs2 button[aria-selected="true"]{background:linear-gradient(135deg,var(--acc-hi),#B35C21 55%,var(--acc-lo));border-color:#AC5921;color:#fff}
.note{border-left:3px solid var(--acc);background:var(--alt);padding:14px 18px;font-size:15px;color:var(--lead)}
.frm{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.frm label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:15px}
.frm input,.frm select,.frm textarea{height:48px;padding:0 14px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:400 16px var(--font)}
.frm .full{grid-column:1/-1}.frm fieldset{border:1px solid var(--line);padding:12px 16px;margin:0}.frm legend{font-weight:500;padding:0 6px}.frm fieldset label{flex-direction:row;align-items:center;font-weight:400;gap:8px;display:inline-flex;margin-right:16px}.frm fieldset input{height:auto}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fmsg{padding:12px 16px;font-size:15px}.fmsg.ok{background:rgba(63,191,154,.15);color:var(--ok)}.fmsg.err{background:rgba(226,109,90,.15);color:#B5452F}
.slots{display:flex;flex-wrap:wrap;gap:8px}.slots button{height:42px;padding:0 14px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:500 14.5px var(--font);cursor:pointer}
.slots button[aria-selected="true"]{background:var(--fg);color:var(--bg)}
.srch{display:flex;gap:8px;max-width:560px}.srch input{flex:1;min-width:0;height:52px;padding:0 16px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:400 17px var(--font)}


.dk .sp2 ul.ck li{color:var(--dk-mut)}
.hdr2{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;max-width:760px}
.cr{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.nc{padding:22px;display:flex;flex-direction:column;gap:10px}.nc p{font-size:15px;color:var(--mut)}
.nc .sq{width:42px;height:42px;display:grid;place-items:center;color:#fff;font-weight:500}
.nl2{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}


.hdr2{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;max-width:760px}
.cr{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.nc{padding:22px;display:flex;flex-direction:column;gap:10px}.nc p{font-size:15px;color:var(--mut)}
.nc .sq{width:42px;height:42px;display:grid;place-items:center;color:#fff;font-weight:500}
.dk .sp2 ul.ck li{color:var(--dk-mut)}
.ph{background:var(--alt)}
.ph .bc{font-size:14px;color:var(--mut)}.ph .bc a{color:var(--mut)}
.band{position:relative;overflow:hidden;isolation:isolate;color:#fff;padding-block:56px}
.band .cbg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;animation:kb 26s ease-in-out infinite alternate}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,18,36,.94),rgba(14,18,36,.8))}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.stats b{display:block;font-size:40px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stats span{color:#D5DAEE;font-size:15px}
.tp3{padding:20px;display:flex;flex-direction:column;gap:12px}
.tp3 .tpn{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.fl{display:flex;flex-wrap:wrap;gap:6px 4px;align-items:center}.fl span{font-size:13px;padding:4px 9px;background:var(--chip)}.fl span+span::before{content:"\2192";margin-right:6px;color:var(--acc)}
.fl span:last-child{background:linear-gradient(135deg,var(--acc-hi),var(--acc-lo));color:#fff}
.tp3 .tft{margin-top:auto;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--mut);padding-top:10px;border-top:1px solid var(--line)}
.tbl{border:1px solid var(--line);background:var(--bg)}.tbl .r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px;padding:12px 18px;border-top:1px solid var(--line);font-size:15px}.tbl .r.h{background:var(--alt);border-top:0;font-weight:500}
.tbl .m{font-family:var(--mono);font-size:13.5px}
.tl2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.oth{display:flex;flex-wrap:wrap;gap:8px}.oth a{border:1px solid var(--line2);padding:8px 14px;background:var(--bg);color:var(--fg);text-decoration:none!important;font-size:15px}.oth a:hover{border-color:var(--acc)}
.ph .w{grid-template-columns:minmax(0,1fr) minmax(0,560px)}
@media(max-width:980px){.ph .w{grid-template-columns:minmax(0,1fr)}}

.lng{max-width:860px;display:flex;flex-direction:column;gap:18px}.lng h2{margin-top:14px}.lng h3{font-size:20px;font-weight:500;margin-top:6px}
.lng p{font-size:17.5px;line-height:1.75;color:var(--lead)}.lng ul{display:flex;flex-direction:column;gap:8px;padding-left:20px;list-style:disc}.lng li{font-size:17px;line-height:1.65;color:var(--lead)}
.lng a{font-weight:500}
.faqs{max-width:860px;border:1px solid var(--line);background:var(--bg)}.faqs details{border-top:1px solid var(--line)}.faqs details:first-child{border-top:0}
.faqs summary{cursor:pointer;padding:18px 22px;font-weight:500;font-size:17.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;line-height:1.4}
.faqs summary::after{content:"+";color:var(--acc);font-size:22px;line-height:1;flex:none}.faqs details[open] summary::after{content:"\2013"}
.faqs summary::-webkit-details-marker{display:none}.faqs p{padding:0 22px 20px;color:var(--lead);font-size:16.5px;line-height:1.7}






.pr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.clc{display:flex;flex-direction:column;gap:10px;margin-top:6px}.clc label{display:flex;justify-content:space-between;font-weight:500;margin-top:8px}
.clc input[type=range]{width:100%;accent-color:var(--acc);height:28px}
.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px}.res>div{background:var(--bg);border:1px solid var(--line);padding:14px}
.res small{display:block;font-size:12.5px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}.res strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}
.cmpt{border:1px solid var(--line)}.cr1{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 20px;border-top:1px solid var(--line);font-size:16px}
.cr1.hd{background:var(--alt);font-weight:500;border-top:0}.cr1 .y{color:var(--ok);font-weight:500}.cr1>span{min-width:0}
.faq{border:1px solid var(--line);max-width:860px}.faq details{border-top:1px solid var(--line)}.faq details:first-child{border-top:0}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:500;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";color:var(--acc);font-size:22px;line-height:1}.faq details[open] summary::after{content:"–"}
.faq summary::-webkit-details-marker{display:none}.faq p{padding:0 22px 20px;color:var(--lead)}
.ph .fine{font-size:14px;color:var(--mut)}

.hc-hh{background:var(--alt);border-bottom:1px solid var(--line)}.hc-hh .w{padding-block:56px 48px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.hc-hs{position:relative;width:100%;max-width:640px}.hc-hs input{width:100%;height:56px;padding:0 18px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:400 17px var(--font)}
.hc-hres{position:absolute;left:0;right:0;top:58px;background:var(--bg);border:1px solid var(--line2);z-index:20;max-height:360px;overflow:auto}
.hc-hres a{display:block;padding:12px 16px;text-decoration:none;color:var(--fg);border-top:1px solid var(--line)}.hc-hres a:first-child{border-top:0}.hc-hres a:hover{background:var(--alt)}
.hc-hres small{display:block;color:var(--mut);font-size:13.5px}
.hc-tg{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.hc-tc{padding:22px;display:flex;flex-direction:column;gap:10px;text-decoration:none!important;color:var(--fg)}.hc-tc:hover{border-color:var(--acc)}
.hc-tc p{font-size:15px;color:var(--mut)}.hc-tc .m{font-size:13.5px;color:var(--mut)}
.hc-ti{width:44px;height:44px;display:grid;place-items:center}.hc-ti svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hc-al a{display:flex;justify-content:space-between;gap:16px;padding:16px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--fg)}.hc-al a:last-child{border-bottom:1px solid var(--line)}.hc-al a:hover b{color:var(--acc)}.hc-al small{color:var(--mut);white-space:nowrap}
.hc-al b{font-weight:500}
.hc-ah{background:var(--alt);border-bottom:1px solid var(--line)}.hc-ah .w{padding-block:40px 36px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;max-width:900px;margin-inline:auto}
.hc-am{color:var(--mut);font-size:14.5px}
.hc-ag{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:40px;padding-block:40px}
@media(max-width:1060px){.hc-ag{grid-template-columns:minmax(0,1fr)}}
.hc-toc{position:sticky;top:90px;align-self:start;font-size:14.5px}.hc-toc b{display:block;margin-bottom:8px;font-weight:500}.hc-toc a{display:block;padding:5px 0;color:var(--mut);text-decoration:none}.hc-toc a:hover{color:var(--acc)}
@media(max-width:1060px){.hc-toc{position:static}}
.hc-art h2{font-size:24px;font-weight:500;margin:32px 0 10px}.hc-art h2:first-child{margin-top:0}.hc-art p{margin:0 0 14px;line-height:1.7;color:var(--lead);font-size:16.5px}
.hc-art .code{margin:0 0 16px}
.hc-sd{display:flex;flex-direction:column;gap:16px;align-self:start}.hc-sd .card{padding:20px;display:flex;flex-direction:column;gap:10px}.hc-sd p{font-size:15px;color:var(--mut)}
.hc-sd dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14.5px}.hc-sd dt{color:var(--mut)}.hc-sd dd{margin:0}
.hcr{font-size:14.5px;color:var(--mut)}.hcr a{color:var(--mut)}

.hc-srch{display:flex;gap:8px;width:100%;max-width:640px}.hc-srch input{flex:1;min-width:0;height:56px;padding:0 18px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:400 17px var(--font)}
.hc-cr{font-size:14.5px;color:var(--mut)}.hc-cr a{color:var(--mut)}
.hc-tc{text-decoration:none!important;color:var(--fg)}.hc-tc .m{font-size:13.5px;color:var(--mut)}
.chip{height:40px;padding:0 16px;border:1px solid var(--line2);background:var(--bg);color:var(--fg);font:500 15px var(--font);cursor:pointer}.chip.on{background:linear-gradient(135deg,var(--acc-hi),var(--acc-lo));color:#fff;border-color:var(--acc)}
.hc-art ul,.hc-art ol{margin:0 0 16px;padding-left:22px;color:var(--lead);line-height:1.7;font-size:16.5px}.hc-art h3{font-size:20px;font-weight:500;margin:24px 0 8px}
.hc-art pre,.hc-art code{font:13.5px/1.6 var(--mono)}.hc-art pre{background:#0B1230;color:#E8EAF6;padding:16px 18px;overflow-x:auto}.hc-art a{font-weight:500}
.hc-art table{border-collapse:collapse;width:100%;margin:0 0 16px;display:block;overflow-x:auto}.hc-art th,.hc-art td{border:1px solid var(--line);padding:8px 12px;text-align:left;font-size:15px}
.hc-art img{max-width:100%;height:auto}.hc-art .ar-cover{margin:0 0 24px}
.hc-art .faqs{margin:32px 0}.ar-faq-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.ar-link{background:none;border:0;color:var(--acc);font:500 15px var(--font);cursor:pointer}
.ar-tl{display:block;padding:5px 0;color:var(--mut);text-decoration:none;font-size:14.5px}.ar-tl.l3{padding-left:12px}.ar-tl:hover{color:var(--acc)}
.hc-fb{margin:28px 0;padding:16px 18px;border:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hc-share{display:flex;gap:10px;margin:0 0 24px}.hc-share a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--fg)}
.hc-am{color:var(--mut);font-size:14.5px}
.promo-b{position:fixed;left:0;right:0;top:0;z-index:9999;background:var(--fg);color:var(--bg);padding:10px 48px 10px 16px;text-align:center;font-size:15px}.promo-b a{color:#F2B66B;margin-left:10px}
.promo-m{position:fixed;inset:0;z-index:9999;background:rgba(20,23,42,.6);display:grid;place-items:center;padding:16px}.promo-m>div{background:var(--bg);color:var(--fg);max-width:460px;width:100%;padding:28px;position:relative}
.promo-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:24px;cursor:pointer;color:inherit}
.i-b1_01{background-image:url(/assets/ff/img/404525f65f.webp)}
.i-b6_02{background-image:url(/assets/ff/img/2fc5e946b5.webp)}
.i-b1_05{background-image:url(/assets/ff/img/5a017306a9.webp)}
.i-b7_03{background-image:url(/assets/ff/img/23a763bdc8.webp)}
.i-b5_01{background-image:url(/assets/ff/img/01c24d8e14.webp)}
.i-cta{background-image:url(/assets/ff/img/cta-flowfox.jpg);background-position:center 42%}
.i-ind1{background-image:url(/assets/ff/img/f295fd0d9e.webp)}
.i-ind2{background-image:url(/assets/ff/img/8233a7e430.webp)}
.i-ind3{background-image:url(/assets/ff/img/528d694a8e.webp)}
.i-ind4{background-image:url(/assets/ff/img/3ea4bfb0a0.webp)}
.i-ind5{background-image:url(/assets/ff/img/edf757ec3c.webp)}
.i-ind6{background-image:url(/assets/ff/img/571e475d9b.webp)}
.i-ind7{background-image:url(/assets/ff/img/16f9d101f1.webp)}
.i-ind8{background-image:url(/assets/ff/img/5236d9eaba.webp)}
.i-ind9{background-image:url(/assets/ff/img/9e21a358f7.webp)}

.ipl a{flex:none;height:52px;display:flex;align-items:center;padding:0 18px;border-bottom:3px solid transparent;font:500 15.5px var(--font);color:var(--mut);text-decoration:none!important;white-space:nowrap}.ipl a:hover{color:var(--fg)}.ipl a[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--acc)}

/* photo gallery (Flowfox workspace photography) */
.pgal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pgal figure{margin:0;position:relative;overflow:hidden;background:#14172A}
.pgal img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .6s ease}
.pgal figure:hover img{transform:scale(1.04)}
.pgal figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;color:#fff;font-size:15px;font-weight:500;background:linear-gradient(180deg,rgba(20,23,42,0),rgba(20,23,42,.88))}
.pgal figcaption small{display:block;font-weight:400;font-size:13px;opacity:.82;margin-top:2px}
.pgalw{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.pgalw .m img{width:100%;height:auto;display:block;box-shadow:0 24px 60px rgba(20,23,42,.22)}
@media(max-width:860px){.pgal{grid-template-columns:1fr 1fr}.pgalw{grid-template-columns:1fr;gap:28px}}
@media(max-width:520px){.pgal{grid-template-columns:1fr}}
.pgalw .lead{margin:12px 0 18px}
.pgalw .ck{list-style:none;margin:0;padding:0}
.pgalw .ck li{position:relative;padding:7px 0 7px 26px;color:var(--ink,#14172A)}
.pgalw .ck li:before{content:"";position:absolute;left:2px;top:13px;width:12px;height:7px;border-left:2px solid #AC5921;border-bottom:2px solid #AC5921;transform:rotate(-45deg)}

/* ===== product page pattern (same sections as MigoSMTP product pages) ===== */
.pln{margin:0 0 20px;font-size:16px;opacity:.92}.pln b{font-weight:500}
.tick{overflow:hidden;border-block:1px solid var(--line);background:#fff}
.tick .tr{display:flex;gap:12px;width:max-content;padding:14px 0;animation:tkr 60s linear infinite}
.tick span{border:1px solid var(--line);padding:6px 16px;font-size:14px;white-space:nowrap;color:var(--mut,#555)}
@keyframes tkr{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tick .tr{animation:none}}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}
.frow:first-of-type{border-top:0}
.frow.rev .mk{order:-1}
.frow .h3{font-size:24px;margin:0 0 10px}
.frow .ck,.ctl .ck,.lng .ck{list-style:none;margin:14px 0 0;padding:0}
.frow .ck li,.ctl .ck li,.lng .ck li{position:relative;padding:6px 0 6px 26px}
.frow .ck li:before,.ctl .ck li:before,.lng .ck li:before{content:"";position:absolute;left:2px;top:12px;width:12px;height:7px;border-left:2px solid #AC5921;border-bottom:2px solid #AC5921;transform:rotate(-45deg)}
.mock{color:#14172A;text-align:left;border:1px solid var(--line);background:#fff;box-shadow:0 18px 50px rgba(20,23,42,.12);max-width:520px;margin-inline:auto}
.mock .mh{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:#F7F7F8;font-size:14px;font-weight:500}
.mock .mh i{width:9px;height:9px;border-radius:50%;background:#D8D8DC}.mock .mh span{margin-left:8px}
.mock .mb{padding:10px 14px}
.mock .mr{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #EEE;font-size:15px}
.mock .mr:last-child{border-bottom:0}
.mock .mic{width:20px;height:20px;background:#F3E3D8;position:relative;flex:none}
.mock .mic:after{content:"";position:absolute;left:5px;top:5px;width:9px;height:5px;border-left:2px solid #AC5921;border-bottom:2px solid #AC5921;transform:rotate(-45deg)}
.mock .t{flex:1}.mock em{font-style:normal;font-size:12px;padding:2px 8px;background:#E6F2EA;color:#2F6B45}
.mock .ms{margin:0;padding:8px 14px;font-size:12px;color:#888;border-top:1px solid var(--line)}
.ctl{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.glance{background:#14172A;color:#fff;padding:22px 24px}
.glance .gh{display:flex;justify-content:space-between;font-size:14px;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-bottom:10px}.glance .gh em{font-style:normal}
.glance .gr{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.14);font-size:15px}
.glance .gr span{opacity:.75}.glance .gr b{font-weight:500;text-align:right}
.pflow{display:flex;align-items:stretch;justify-content:center;gap:14px;margin:8px 0 28px;flex-wrap:wrap}
.pflow div{border:1px solid var(--line);background:#fff;padding:18px 26px;min-width:170px;text-align:center;font-weight:500}
.pflow .mid{background:#14172A;color:#fff;border-color:#14172A}
.pflow i{align-self:center;font-style:normal;font-size:22px;color:#AC5921}
.stg{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.stg-tabs{display:flex;flex-direction:column;gap:8px}
.stg-tab{text-align:left;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:14px 16px;font:inherit;cursor:pointer}
.stg-tab[aria-selected=true]{background:#AC5921;border-color:#AC5921}
.stg-pan .mut{color:rgba(255,255,255,.75);margin-top:14px;text-align:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g3 .card,.g4 .card{height:100%}
.ptg{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#AC5921;margin-bottom:8px}
.tw{overflow-x:auto}.pcmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.pcmp th,.pcmp td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);font-weight:400;vertical-align:top}
.pcmp thead th{background:#14172A;color:#fff;font-weight:500}.pcmp tbody th{font-weight:500;width:22%}
.car .carh{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.car .cn{display:flex;align-items:center;gap:8px}.car .cn button{width:40px;height:40px;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer}.car .cn a{margin-left:8px}
.car-tr{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.cc{flex:0 0 min(320px,82%);scroll-snap-align:start;border:1px solid var(--line);background:#fff;padding:20px;text-decoration:none;color:inherit;display:block}
.cc h3{font-size:19px;margin:0 0 8px}.cc p{margin:0 0 12px;color:var(--mut,#555)}.cc small{color:#888}
.cc:hover{border-color:#AC5921}
@media(max-width:980px){.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.frow,.ctl{grid-template-columns:1fr;gap:24px}.frow.rev .mk{order:0}.stg{grid-template-columns:1fr}.stg-tabs{flex-direction:row;flex-wrap:wrap}}
@media(max-width:560px){.g3,.g4{grid-template-columns:1fr}.pflow i{transform:rotate(90deg)}.pflow div{min-width:0;width:100%}}

/* FLOWFOX REDESIGN P7: help, blog, customers, careers, status, search, short pages */
.hc-hh{position:relative;background:linear-gradient(120deg,#0F1530 0%,#1B2050 55%,#333771 100%)!important;color:#fff;border-bottom:3px solid #B55D22;overflow:hidden}
.hc-hh:before{content:"";position:absolute;inset:0;background-image:url(/assets/ff/photo/fx/t12.webp),url(/assets/ff/photo/fx/t45.webp);background-size:50% 100%,50% 100%;background-position:left,right;background-repeat:no-repeat;opacity:.16;mix-blend-mode:luminosity}
.hc-hh>*{position:relative}
.hc-hh .h1,.hc-hh h1{color:#fff;font-size:clamp(26px,3.4vw,38px);font-weight:500}
.hc-hh .lead,.hc-hh p{color:rgba(255,255,255,.78)}
.hc-hh .eb{color:#F2B66B}.hc-hh .bc,.hc-hh .bc a{color:rgba(255,255,255,.7)}
.hc-hh .hc-srch input{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.96)}
.hc-tc,.hc-cr .card,.hc-tg .card{border:1px solid var(--line);border-top:3px solid #333771;background:#fff;transition:transform .2s,box-shadow .2s}
.hc-tg .card:nth-child(3n+2),.hc-cr .card:nth-child(3n+2){border-top-color:#B55D22}
.hc-tg .card:nth-child(3n),.hc-cr .card:nth-child(3n){border-top-color:#1F7A5A}
.hc-tc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,21,48,.1)}
.hc-ti{background:#333771!important;color:#fff!important}
.hc-tg .card:nth-child(3n+2) .hc-ti{background:#B55D22!important}.hc-tg .card:nth-child(3n) .hc-ti{background:#1F7A5A!important}
.chip.on{background:#333771;color:#fff;border-color:#333771}
.hc-hh+.sec h2,.sec .h2{font-size:clamp(22px,2.6vw,30px);font-weight:500}
.note{border-left:4px solid #B55D22;background:#fff}

/* Maven Pro everywhere; no underline on link hover */
html,body,button,input,select,textarea,optgroup,table,th,td,summary,label{font-family:'Maven Pro',system-ui,-apple-system,'Segoe UI',sans-serif}
h1,h2,h3,h4,h5,h6,p,li,a,span,small,em,strong,b,dt,dd,figcaption,blockquote{font-family:inherit}
a:hover,a:focus,a:active,a:focus-visible{text-decoration:none!important}