/* FileHub — landing (v2 premium) */
body{margin:0;background:#000;color:#f5f5f7;font-family:'Schibsted Grotesk',-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2ee59d;text-decoration:none}a:hover{color:#6ff0bd}
html{scroll-behavior:smooth}
@keyframes fh-mq{to{transform:translateX(-50%)}}
@keyframes fh-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes fh-spin{to{transform:rotate(360deg)}}
@keyframes fh-caret{0%,100%{opacity:0}50%{opacity:1}}
@keyframes fh-dl{0%{width:0}100%{width:100%}}
@keyframes fh-step-url{0%,12%{opacity:1}16%,100%{opacity:0}}
@keyframes fh-step-fetch{0%,16%{opacity:0}20%,30%{opacity:1}34%,100%{opacity:0}}
@keyframes fh-step-preview{0%,34%{opacity:0}38%,52%{opacity:1}56%,100%{opacity:0}}
@keyframes fh-step-download{0%,56%{opacity:0}60%,78%{opacity:1}82%,100%{opacity:0}}
@keyframes fh-step-done{0%,82%{opacity:0}86%,100%{opacity:1}}
@keyframes fh-cursor-pos{0%{left:70%;top:14%}4%,9%{left:56%;top:34%}10%,15%{left:47%;top:72%}20%,38%{left:56%;top:44%}44%,50%{left:47%;top:72%}56%,82%{left:56%;top:44%}88%,94%{left:47%;top:72%}100%{left:70%;top:14%}}
@keyframes fh-cursor-click{0%,5.5%{transform:scale(1)}6%{transform:scale(.6)}6.5%,11.5%{transform:scale(1)}12%{transform:scale(.6)}12.5%,46.5%{transform:scale(1)}47%{transform:scale(.6)}47.5%,90.5%{transform:scale(1)}91%{transform:scale(.6)}91.5%,100%{transform:scale(1)}}
/* Scroll reveal — só ativa quando o JS confirma suporte */
body[data-reveal="on"] [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
body[data-reveal="on"] [data-reveal].fh-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body[data-reveal="on"] [data-reveal]{opacity:1 !important;transform:none !important;transition:none}}
details.fh>summary{list-style:none;cursor:pointer}
details.fh>summary::-webkit-details-marker{display:none}
details.fh[open] .fh-plus{transform:rotate(45deg)}
/* Cards de plano: badge só no Elite, alinhamento do preço entre colunas */
[data-screen-label="Planos"] > div > div:nth-of-type(2) > div{align-items:stretch}
@media (max-width:1080px){
  [data-cols="4"]{grid-template-columns:1fr 1fr !important}
  [data-cols="3"]{grid-template-columns:1fr 1fr !important}
  [data-cols="5"]{grid-template-columns:repeat(3,1fr) !important}
  [data-cols="6"]{grid-template-columns:repeat(3,1fr) !important}
}
@media (max-width:900px){
  h1{font-size:clamp(38px,10vw,60px) !important;letter-spacing:-0.035em !important}
  h2{font-size:clamp(28px,6.4vw,40px) !important}
  [data-screen-label="CTA final"] h2{font-size:clamp(34px,9vw,52px) !important}
  [data-split]{grid-template-columns:1fr !important;gap:36px !important}
  [data-split] [data-order="first"]{order:-1}
  section{padding-left:20px !important;padding-right:20px !important}
  header > div{padding-left:18px !important;padding-right:18px !important}
  header nav a:not(:last-child){display:none}
  [data-foot]{grid-template-columns:1fr 1fr !important}
}
@media (max-width:640px){
  [data-cols="4"],[data-cols="3"],[data-foot]{grid-template-columns:1fr !important}
  [data-cols="5"]{grid-template-columns:1fr 1fr !important}
  [data-cols="6"]{grid-template-columns:1fr 1fr !important}
  [data-tbl]{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr !important;font-size:11.5px !important}
  [data-tbl] > div{padding-left:10px !important;padding-right:8px !important}
  [data-media="hero"]{height:230px !important}
  [data-media="demo"]{height:260px !important}
  [data-media="rev"]{width:290px !important}
  section{padding-top:64px !important;padding-bottom:64px !important}
}

/* estados de hover/focus */
[data-fhcls="fh-h1"]:hover{color:#f5f5f7}
[data-fhcls="fh-h2"]:hover{background:#6ff0bd;color:#04140d}
[data-fhcls="fh-h3"]:hover{border-color:#2ee59d;color:#2ee59d}
[data-fhcls="fh-h4"]:hover{color:#6ff0bd}
[data-fhcls="fh-h5"]:hover{transform:translateY(-3px) scale(1.06)}
[data-fhcls="fh-h6"]:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(46,229,157,0.35),0 24px 50px rgba(0,0,0,0.55)}
[data-fhcls="fh-h7"]:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,0.1)}
[data-fhcls="fh-h8"]:hover{background:rgba(10,143,92,0.18);color:#0a8f5c}
[data-fhcls="fh-h9"]:hover{transform:translateY(-13px)}
[data-fhcls="fh-h10"]:hover{background:#2ee59d;color:#04140d}
[data-fhcls="fh-h11"]:hover{background:#fafafc}
[data-fhcls="fh-h12"]:hover{color:#1d1d1f}

/* responsivo */
@media (max-width:1080px){
  [data-cols="4"]{grid-template-columns:1fr 1fr !important}
  [data-cols="3"]{grid-template-columns:1fr 1fr !important}
  [data-cols="5"],[data-cols="6"]{grid-template-columns:repeat(3,1fr) !important}
}
@media (max-width:900px){
  h1{font-size:clamp(38px,10vw,60px) !important;letter-spacing:-0.035em !important}
  h2{font-size:clamp(28px,6.4vw,40px) !important}
  [data-screen-label="CTA final"] h2{font-size:clamp(34px,9vw,52px) !important}
  [data-split]{grid-template-columns:1fr !important;gap:36px !important}
  section{padding-left:20px !important;padding-right:20px !important}
  header > div{padding-left:18px !important;padding-right:18px !important}
  header nav a:not(:last-child):not(:nth-last-child(2)){display:none}
  [data-foot]{grid-template-columns:1fr 1fr !important}
}
@media (max-width:640px){
  [data-cols="4"],[data-cols="3"],[data-foot]{grid-template-columns:1fr !important}
  [data-cols="5"],[data-cols="6"]{grid-template-columns:1fr 1fr !important}
  [data-tbl]{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr !important;font-size:11.5px !important}
  [data-tbl] > div{padding-left:10px !important;padding-right:8px !important}
  [data-media="hero"]{height:230px !important}
  [data-media="demo"]{height:260px !important}
  [data-media="rev"]{width:290px !important}
  section{padding-top:64px !important;padding-bottom:64px !important}
}

/* Modais de planos (Ver tudo que inclui) */
.fh-modal{position:fixed;inset:0;z-index:100;display:none;padding:24px;overflow-y:auto}
.fh-modal.is-open{display:flex;align-items:flex-start;justify-content:center}
.fh-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,0.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fh-modal-card{position:relative;background:#fff;color:#1d1d1f;border-radius:22px;max-width:560px;width:100%;margin:auto;padding:36px 32px;box-shadow:0 30px 90px rgba(0,0,0,0.55);animation:fh-modal-in .28s cubic-bezier(.16,1,.3,1)}
@keyframes fh-modal-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.fh-modal-x{position:absolute;top:18px;right:18px;width:34px;height:34px;border:none;border-radius:99px;background:#f0f0f3;color:#6e6e73;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.fh-modal-x:hover{background:#e4e4e9;color:#1d1d1f}
body.fh-modal-open{overflow:hidden}
@media (max-width:600px){.fh-modal-card{padding:28px 20px} .fh-modal-card [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}}

/* Painel do hero: no mobile esconde a sidebar e vira grade 2 col */
@media (max-width:640px){
  [data-media="hero"]{height:auto !important;min-height:0}
  [data-media="hero"] > div:first-child{display:none !important}
  [data-media="hero"] > div:last-child{padding:16px !important}
  [data-media="hero"] [style*="repeat(3,1fr)"]{grid-template-columns:1fr 1fr !important}
}