/* Regenerated for Global Header Contract V5: this feature CSS does not own global logo/auth/theme/language behavior. */
:root{--fx-blue:#2563eb;--fx-cyan:#22d3ee;--fx-text:#f8fafc;--fx-muted:#a8b4ca;--fx-border:rgba(148,163,184,.18);--fx-card:rgba(7,17,40,.72)}
*{box-sizing:border-box}.fx-social-body{min-height:100%;margin:0;background:radial-gradient(circle at 12% 6%,rgba(37,99,235,.25),transparent 30%),radial-gradient(circle at 88% 10%,rgba(109,40,217,.2),transparent 28%),#020617;color:var(--fx-text);font-family:Inter,system-ui,sans-serif}.fx-social-page{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:24px 0 28px}.fx-try-free{white-space:nowrap}.fx-social-subnav{margin-top:12px}.fx-social-subnav .subnav-links{display:flex;gap:8px;overflow-x:auto;white-space:nowrap}
.fx-stage{position:relative;margin-top:22px;border:1px solid var(--fx-border);border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(8,18,43,.94),rgba(2,6,23,.96));box-shadow:0 32px 90px rgba(0,0,0,.24)}.fx-stage:before{content:"";position:absolute;inset:auto -18% -55% 36%;height:90%;background:radial-gradient(circle,rgba(37,99,235,.20),rgba(124,58,237,.08) 38%,transparent 68%);pointer-events:none}.fx-stage-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.9fr);align-items:center;min-height:560px;padding:clamp(34px,5.2vw,70px);gap:30px}.fx-stage-copy{position:relative;z-index:3;max-width:660px}.fx-social-kicker{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:8px 13px;border:1px solid rgba(96,165,250,.3);border-radius:999px;background:rgba(37,99,235,.11);color:#c8dcff;font-size:.8rem}.fx-social-kicker span{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 14px rgba(56,189,248,.9)}.fx-stage h1{margin:24px 0 0;color:#fff;font-size:clamp(3rem,5.6vw,5.6rem);line-height:.92;letter-spacing:-.06em}.fx-stage h1 em{font-style:normal;color:#60a5fa}.fx-stage-copy>p{max-width:580px;margin:22px 0 0;color:#bac6d8;font-size:clamp(1rem,1.45vw,1.15rem);line-height:1.6}.fx-social-primary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.fx-social-primary,.fx-social-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:15px;text-decoration:none;font-weight:800}.fx-social-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 13px 30px rgba(37,99,235,.32)}.fx-social-secondary{border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.48);color:#f8fafc}.fx-social-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#a7b5ca;font-size:.82rem}.fx-social-trust b{color:#dce6f5}
.fx-stage-visual{position:relative;z-index:2;display:grid;place-items:center;min-height:430px}.fx-orbit{position:relative;width:min(460px,94%);aspect-ratio:1;filter:drop-shadow(0 28px 42px rgba(0,0,0,.28))}.fx-orbit:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.23),rgba(37,99,235,.06) 45%,transparent 70%);filter:blur(8px)}.fx-orbit-track{position:absolute;border:1px solid rgba(59,130,246,.38);border-radius:50%;box-shadow:0 0 22px rgba(37,99,235,.15),inset 0 0 24px rgba(37,99,235,.06)}.fx-track-a{inset:12%;transform:rotate(-8deg) scaleY(.78)}.fx-track-b{inset:23%;transform:rotate(8deg) scaleY(.86);border-color:rgba(99,102,241,.36)}.fx-track-c{inset:34%;transform:rotate(-3deg) scaleY(.9);border-color:rgba(56,189,248,.26)}.fx-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 14px #38bdf8}.fx-node-a{left:18%;top:28%}.fx-node-b{right:17%;top:36%;background:#a855f7;box-shadow:0 0 14px #a855f7}.fx-node-c{left:46%;bottom:13%;background:#2563eb;box-shadow:0 0 14px #2563eb}.fx-orbit-logo{position:absolute;z-index:5;left:50%;top:50%;width:108px;height:108px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px rgba(34,211,238,.45)) drop-shadow(0 16px 24px rgba(0,0,0,.28))}.fx-orbit-file{position:absolute;z-index:6;display:grid;place-items:center;width:76px;height:76px;border-radius:20px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:1.32rem;font-weight:900;line-height:1;box-shadow:0 18px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -12px 22px rgba(0,0,0,.1);text-shadow:0 1px 2px rgba(0,0,0,.25)}.fx-orbit-file:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.25),transparent 34%,transparent 67%,rgba(255,255,255,.08));pointer-events:none}.fx-orbit-pdf{left:3%;top:34%;background:linear-gradient(145deg,#ff5252,#d71920);transform:rotate(-7deg)}.fx-orbit-word{left:39%;top:0;background:linear-gradient(145deg,#3b82f6,#1d4ed8);transform:rotate(-4deg)}.fx-orbit-excel{right:1%;top:25%;background:linear-gradient(145deg,#22c55e,#0f9f4c);transform:rotate(5deg)}.fx-orbit-ppt{right:5%;bottom:12%;background:linear-gradient(145deg,#fb923c,#f25b0a);transform:rotate(7deg)}.fx-orbit-img{left:30%;bottom:1%;background:linear-gradient(145deg,#8b5cf6,#6d28d9);transform:rotate(-6deg);font-size:1.7rem}
.fx-quick-area{position:relative;z-index:4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 clamp(34px,5.2vw,70px) 36px}.fx-quick-area a{display:flex;align-items:center;gap:10px;min-width:0;min-height:64px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:rgba(7,18,42,.66);color:#e8eef9;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.fx-quick-area a:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.48);background:rgba(15,35,72,.8)}.fx-quick-area b{font-size:.78rem;line-height:1.25}.fx-file-icon{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#fff;font-weight:900;font-size:.8rem;box-shadow:0 8px 18px rgba(0,0,0,.2)}.fx-word{background:#2563eb}.fx-pdf{background:#ef4444}.fx-excel{background:#16a34a}.fx-image{background:#d97706}.fx-split{background:#7c3aed}.fx-stage-bottom{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(34px,5.2vw,70px) 30px;border-top:1px solid rgba(148,163,184,.14);background:linear-gradient(90deg,rgba(37,99,235,.06),rgba(124,58,237,.05))}.fx-stage-bottom h2{margin:0;color:#fff;font-size:clamp(1.65rem,3.2vw,3.3rem);letter-spacing:-.045em}.fx-all-free{white-space:nowrap;color:#93c5fd;text-decoration:none;font-weight:800}.fx-all-free span{display:inline-block;margin-left:5px}.fx-social-footer{margin-top:26px}
body[data-theme=light].fx-social-body{background:radial-gradient(circle at 12% 4%,rgba(37,99,235,.11),transparent 30%),#f8fafc;color:#152033}body[data-theme=light] .fx-stage{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.98));border-color:#dce5ef;box-shadow:0 30px 80px rgba(15,23,42,.08)}body[data-theme=light] .fx-stage:before{background:radial-gradient(circle,rgba(59,130,246,.14),rgba(124,58,237,.05) 38%,transparent 68%)}body[data-theme=light] .fx-social-kicker{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}body[data-theme=light] .fx-stage h1,body[data-theme=light] .fx-stage-bottom h2{color:#0f172a}body[data-theme=light] .fx-stage-copy>p{color:#475569}body[data-theme=light] .fx-social-secondary{background:#fff;color:#0f172a;border-color:#cbd5e1}body[data-theme=light] .fx-social-trust{color:#475569}body[data-theme=light] .fx-social-trust b{color:#1e293b}body[data-theme=light] .fx-quick-area a{background:rgba(255,255,255,.9);border-color:#dbe3ed;color:#172033;box-shadow:0 8px 22px rgba(15,23,42,.035)}body[data-theme=light] .fx-quick-area a:hover{background:#fff;border-color:#93c5fd}body[data-theme=light] .fx-stage-bottom{border-color:#e2e8f0;background:linear-gradient(90deg,#f8fbff,#fbfaff)}body[data-theme=light] .fx-all-free{color:#1d4ed8}body[data-theme=light] .fx-social-footer,body[data-theme=light] .fx-social-footer .fx-footer-text{color:#334155}body[data-theme=light] .fx-social-footer a{color:#1d4ed8}body[data-theme=light] .fx-orbit-track{border-color:rgba(37,99,235,.22);box-shadow:0 0 18px rgba(37,99,235,.08)}body[data-theme=light] .fx-orbit:before{background:radial-gradient(circle,rgba(59,130,246,.15),rgba(99,102,241,.04) 45%,transparent 70%)}body[data-theme=light] .fx-orbit-file{box-shadow:0 17px 30px rgba(30,64,175,.15),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -12px 22px rgba(0,0,0,.07)}

/* =========================================================
   RESPONSIVE LAYOUT — CLEAN LEFT / RIGHT BLOCK ARCHITECTURE
   No absolute hero positioning. No cumulative patches.
   Left block = copy/actions. Right block = illustration.
   The image always stays centered inside the right block.
   ========================================================= */

/* The generated illustration already contains the complete visual.
   Hide the old procedural orbit pieces permanently. */
.fx-orbit > .fx-orbit-track,
.fx-orbit > .fx-node,
.fx-orbit > .fx-orbit-logo,
.fx-orbit > .fx-orbit-file,
.fx-orbit:before{
  display:none !important;
}

/* ---------- DESKTOP BASE ---------- */
.fx-stage-main{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,52%) minmax(0,48%);
  align-items:stretch;
  min-height:610px;
  padding:clamp(42px,4.8vw,66px);
  gap:clamp(20px,2.8vw,42px);
  overflow:hidden;
}

.fx-stage-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  max-width:none;
}

.fx-stage-visual{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:100%;
  overflow:visible;
  pointer-events:none;
}

.fx-orbit{
  position:relative;
  width:100%;
  height:100%;
  min-height:430px;
  max-width:none;
  aspect-ratio:auto;
  margin:0;
  overflow:visible;
  transform:none;
  filter:none;
}

.fx-orbit-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
  filter:drop-shadow(0 22px 38px rgba(37,99,235,.14));
}

/* Keep quick tools close to trust row on every device. */
.fx-social-trust{
  margin-bottom:0;
}

.fx-quick-area{
  margin-top:-8px;
}

body[data-theme=light] .fx-orbit-art{
  filter:drop-shadow(0 18px 30px rgba(30,64,175,.10));
}

/* ---------- LARGE DESKTOP ---------- */
@media (min-width:1400px){
  .fx-stage-main{
    grid-template-columns:minmax(0,50%) minmax(0,50%);
    min-height:640px;
  }

  .fx-orbit{
    min-height:470px;
  }

  .fx-quick-area{
    margin-top:-12px;
  }
}

/* ---------- TABLET / SMALL DESKTOP ---------- */
@media (min-width:821px) and (max-width:1199px){
  .fx-stage-main{
    grid-template-columns:minmax(0,54%) minmax(0,46%);
    min-height:560px;
    padding:42px;
    gap:24px;
  }

  .fx-stage h1{
    font-size:clamp(3rem,5.8vw,4.8rem);
  }

  .fx-stage-copy>p{
    font-size:1rem;
  }

  .fx-stage-visual{
    min-height:100%;
  }

  .fx-orbit{
    min-height:390px;
  }

  .fx-quick-area{
    grid-template-columns:repeat(3,minmax(0,1fr));
    padding:0 42px 30px;
    margin-top:-6px;
  }

  .fx-stage-bottom{
    padding-left:42px;
    padding-right:42px;
  }
}

/* ---------- MOBILE: STILL LEFT / RIGHT ---------- */
@media (max-width:820px){
  .fx-social-page{
    width:min(100% - 20px,760px);
  }

  

  

  .fx-stage{
    border-radius:26px;
  }

  /* Keep the concept: copy on the left, illustration on the right. */
  .fx-stage-main{
    grid-template-columns:minmax(0,58%) minmax(0,42%);
    min-height:460px;
    padding:28px 20px 24px;
    gap:8px;
    align-items:center;
  }

  .fx-stage-copy{
    justify-content:center;
    z-index:3;
  }

  .fx-social-kicker{
    padding:7px 10px;
    font-size:.68rem;
  }

  .fx-stage h1{
    margin-top:18px;
    font-size:clamp(2.15rem,9.8vw,3.25rem);
    line-height:.92;
    letter-spacing:-.055em;
  }

  .fx-stage-copy>p{
    margin-top:16px;
    max-width:100%;
    font-size:.84rem;
    line-height:1.45;
  }

  .fx-social-primary-actions{
    margin-top:18px;
    gap:8px;
  }

  .fx-social-primary,
  .fx-social-secondary{
    min-height:42px;
    padding:0 12px;
    border-radius:12px;
    font-size:.78rem;
  }

  .fx-social-primary-actions>a{
    flex:1 1 0;
    min-width:0;
  }

  .fx-social-trust{
    margin-top:13px;
    gap:6px 9px;
    font-size:.64rem;
    line-height:1.25;
  }

  .fx-stage-visual{
    min-height:100%;
    height:100%;
    align-self:stretch;
  }

  .fx-orbit{
    width:100%;
    height:100%;
    min-height:330px;
  }

  .fx-orbit-art{
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }

  .fx-quick-area{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:0 20px 22px;
    margin-top:2px;
  }

  .fx-quick-area a{
    min-height:54px;
    padding:8px 10px;
  }

  .fx-file-icon{
    width:35px;
    height:35px;
    border-radius:10px;
    font-size:.7rem;
  }

  .fx-quick-area b{
    font-size:.7rem;
  }

  .fx-stage-bottom{
    padding:20px 20px 22px;
    gap:12px;
  }

  .fx-stage-bottom h2{
    font-size:clamp(1.75rem,7vw,2.5rem);
    line-height:1;
  }

  .fx-all-free{
    font-size:.78rem;
  }
}

/* ---------- SMALL PHONES ---------- */
@media (max-width:520px){
  .fx-social-page{
    width:min(100% - 14px,520px);
    padding-top:8px;
  }

  

  

  

  

  .fx-social-subnav{
    border-radius:20px;
  }

  .fx-stage-main{
    grid-template-columns:minmax(0,60%) minmax(0,40%);
    min-height:430px;
    padding:24px 15px 20px;
    gap:4px;
  }

  .fx-stage h1{
    font-size:clamp(1.95rem,9.7vw,2.8rem);
  }

  .fx-stage-copy>p{
    font-size:.78rem;
  }

  .fx-social-primary,
  .fx-social-secondary{
    min-height:40px;
    padding:0 9px;
    font-size:.7rem;
  }

  .fx-social-trust{
    gap:5px 7px;
    font-size:.57rem;
  }

  .fx-orbit{
    min-height:300px;
  }

  .fx-quick-area{
    padding-left:15px;
    padding-right:15px;
    margin-top:4px;
  }

  .fx-stage-bottom{
    padding-left:15px;
    padding-right:15px;
  }
}

/* ---------- VERY SMALL PHONES ---------- */
@media (max-width:390px){
  .fx-stage-main{
    grid-template-columns:minmax(0,61%) minmax(0,39%);
    min-height:410px;
    padding-left:13px;
    padding-right:13px;
  }

  .fx-stage h1{
    font-size:clamp(1.8rem,9.5vw,2.45rem);
  }

  .fx-stage-copy>p{
    font-size:.73rem;
  }

  .fx-social-kicker{
    font-size:.6rem;
    padding:6px 8px;
  }

  .fx-social-trust{
    font-size:.53rem;
    gap:4px 6px;
  }

  .fx-orbit{
    min-height:280px;
  }

  .fx-quick-area{
    padding-left:13px;
    padding-right:13px;
  }

  .fx-file-icon{
    width:33px;
    height:33px;
  }

  .fx-quick-area b{
    font-size:.66rem;
  }

  .fx-stage-bottom{
    padding-left:13px;
    padding-right:13px;
  }
}


/* ============================================================
   V22 — HEADER / THEME / LANGUAGE ONLY
   Hero layout above is the clean V20 left/right composition.
   ============================================================ */

/* Exactly one theme logo visible. */






/* Universal mobile language dropdown look. */





/* ============================================================
   V25 — SOCIAL HERO TOP GAP COMPACT
   Preserve left/right boxes; only reduce vertical blue air.
   ============================================================ */
.fx-stage{
  margin-top:12px !important;
}

@media(min-width:1400px){
  .fx-stage-main{
    min-height:520px !important;
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .fx-orbit{
    min-height:400px !important;
  }
}

@media(min-width:1200px) and (max-width:1399px){
  .fx-stage-main{
    min-height:500px !important;
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .fx-orbit{
    min-height:385px !important;
  }
}

@media(min-width:821px) and (max-width:1199px){
  .fx-stage-main{
    min-height:480px !important;
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
  .fx-orbit{
    min-height:350px !important;
  }
}

@media(max-width:820px){
  .fx-stage-main{
    min-height:420px !important;
    padding-top:20px !important;
    padding-bottom:18px !important;
  }
}


/* FILEXFLOW PRIVATE KICKER V1 */
.fx-social-kicker{font-weight:800;text-transform:uppercase;letter-spacing:.10em}

/* ============================================================
   V26 — SHARED HOME / SOCIAL HEADER MOBILE CONTRACT
   Home, TikTok, LinkedIn and YouTube share this exact shell.
   ============================================================ */
.fx-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}