@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#020814;--card:#07162d;--text:#f3f7ff;--muted:#8d9bb0;--cyan:#00e5f5;--line:#172439}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,summary{outline-offset:5px}input{outline:none}button{color:inherit}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(5%,calc((100vw - 1240px)/2));background:#020814e8}.brand{display:inline-flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:27px;font-weight:700;letter-spacing:-1.2px;white-space:nowrap}.brand>span:last-child{color:var(--cyan)}.brand-icon{display:inline-grid;place-items:center;margin-right:10px;width:35px;height:39px;border-radius:9px 9px 15px 9px;background:linear-gradient(150deg,#00e5f5,#0866fc);color:#021129;font-size:35px;line-height:1;font-weight:700}nav{display:flex;align-items:center;gap:23px;font-size:14px;color:#a8b3c4}nav button,.footer-links button{border:0;background:none;padding:0}nav a:hover,nav button:hover,.footer-links a:hover,.footer-links button:hover{color:var(--cyan)}.header-cta{border:1px solid #244864;background:#092035;padding:12px 17px;border-radius:8px;font-size:14px;color:#72e4fc}.header-cta span{margin-left:15px}#menu{display:none}.hero{position:relative;text-align:center;padding:62px 24px 44px;background:radial-gradient(ellipse at 50% 30%,#07316a40,transparent 62%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#90cce3;font-size:12px;font-weight:600;letter-spacing:2px;border:1px solid #17374d;padding:8px 13px;border-radius:30px;background:#071828}.eyebrow span{color:var(--cyan)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(36px,4.6vw,64px);line-height:1.12;letter-spacing:-2.8px;font-weight:600;margin:24px 0 19px}h1>span{background:linear-gradient(100deg,#00e5f5,#1686ff);background-clip:text;-webkit-text-fill-color:transparent}.intro{line-height:1.7;color:#97a7bf;margin:0;font-size:17px}.download-panel{max-width:900px;margin:33px auto 23px;padding:0 24px 18px;background:linear-gradient(130deg,#0a1c34,#071326);border:1px solid #224263;border-radius:17px;box-shadow:0 0 70px #0574fa0c,0 15px 45px #0003;scroll-margin-top:35px}.platform-tabs{display:flex;gap:28px;justify-content:center;margin-bottom:23px;border-bottom:1px solid #1b2c44}.platform-tabs button{display:flex;align-items:center;gap:9px;background:none;border:0;border-bottom:2px solid transparent;padding:20px 4px 17px;color:#8392a9;font-size:14px;transition:.2s}.platform-tabs button.active{border-color:var(--cyan);color:var(--cyan)}.social-icon{height:21px;width:21px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.social-icon svg{height:100%;width:100%;fill:currentColor}.download-panel form{display:flex;gap:10px}.url-wrap{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #2d425c;border-radius:9px;background:#030d1c;padding-left:16px}.link-icon{color:#6b829e;font-size:25px}input{min-width:0;flex:1;background:none;border:0;padding:19px 12px;color:#fff;font-size:15px}input::placeholder{color:#73859f}.url-wrap:focus-within{border-color:var(--cyan)}#paste{background:#142238;border:1px solid #26344b;border-radius:6px;color:#a8b5c9;margin-right:8px;font-size:13px;padding:8px 10px;white-space:nowrap}.primary{background:linear-gradient(110deg,#04dceb,#0791ff);color:#021127;border:none;border-radius:8px;padding:0 23px;font-size:13px;font-weight:800;letter-spacing:.45px;box-shadow:0 4px 24px #00b4ed20}.primary span{font-size:22px;vertical-align:middle;margin-left:12px}.primary:hover{filter:brightness(1.13)}.content-types{display:flex;justify-content:center;gap:6px;margin:18px 0}.content-types button{border:1px solid transparent;background:transparent;color:#8d9bb1;font-size:12px;padding:5px 10px;border-radius:5px}.content-types button.active{color:#93e9ff;background:#0c2e47;border-color:#184765}.permission{font-size:11px;color:#6f839f;margin:16px 0 0}.permission span{margin-right:4px}.benefits{display:flex;justify-content:center;gap:30px;font-size:12px;color:#9aacc4}.benefits span:first-letter{color:#29c9ee}.availability{font-size:11px;color:#64748b;margin:18px 0 0}.section{max-width:1180px;margin:0 auto;padding:64px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.kicker{font-size:11px;letter-spacing:2px;color:#31c6eb;font-weight:700}h2{font-size:34px;line-height:1.2;letter-spacing:-1.1px;font-weight:500;margin:14px 0 0}h2 span{color:#8999b0}.section-heading p,.section p{font-size:14px;line-height:1.7;color:var(--muted)}.section-heading p{margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{position:relative;padding-top:10px}.step-number{position:absolute;right:15px;top:0;font-family:'Space Grotesk';font-size:50px;color:#132036;font-weight:500}.step-icon{width:44px;height:44px;display:grid;place-items:center;color:#62d8fb;font-size:25px;border:1px solid #1a3650;background:#081a2d;border-radius:10px;margin-bottom:19px}h3{font-size:17px;font-weight:500;margin:0 0 8px}.steps p{margin:0;max-width:240px}.network-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.network-card{padding:25px 22px;text-align:left;border:1px solid #1c2b40;border-radius:12px;background:linear-gradient(130deg,#0b1728,#060e1c);transition:transform .2s,border-color .2s;position:relative}.network-card:hover{transform:translateY(-4px);border-color:#327599}.network-card>.social-icon{width:44px;height:44px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--social) 12%,transparent);color:var(--social);margin-bottom:22px}.network-card h3{font-size:20px}.network-card p{font-size:12px;margin:0;color:#8493aa}.card-arrow{position:absolute;right:20px;top:29px;color:#71839e}.why{display:grid;grid-template-columns:1fr 1fr;gap:120px}.why>div>p{max-width:420px;margin:22px 0}.text-link{font-size:14px;color:var(--cyan)}.text-link span{margin-left:20px}.why-features{display:grid;gap:26px;padding-top:6px}.why-features article{display:flex;gap:20px}.why-features article>span{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border:1px solid #1d3149;background:#0a1729;border-radius:9px;color:#49c9f1;font-size:25px}.why-features p{margin:0;font-size:13px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;padding-bottom:85px}.faq>div>p{margin-top:20px}.questions details{border-bottom:1px solid #1c2a3f}.questions summary{cursor:pointer;list-style:none;padding:19px 28px 19px 0;position:relative;font-size:14px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;color:#81a2c0;font-size:20px;top:14px}.questions details[open] summary:after{content:'−'}.questions p{margin:0 0 20px;font-size:13px}footer{border-top:1px solid rgba(0,229,245,0.18)!important;padding:40px max(5%,calc((100vw - 1180px)/2)) 25px!important;background:radial-gradient(circle at 50% 100%,#07172e 0%,#020814 85%),#020814!important;position:relative!important}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top .brand{font-size:24px}.footer-top p{font-size:12px;color:#8090a8;margin:12px 0 0}.footer-links{display:flex;gap:24px;font-size:12px;color:#8f9fb6}.language{font-size:12px;color:#8f9fb6;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#526780;font-size:10px;line-height:1.6}.footer-bottom p:last-child{text-align:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#feedback{padding:15px;margin:17px 0 0;text-align:left;background:#102440;border:1px solid #28517b;border-radius:8px;font-size:14px;line-height:1.6}#feedback.error{border-color:#86574d;color:#ffc4b0}dialog{background:#09162a;border:1px solid #274a6e;color:#eff6ff;border-radius:15px;padding:35px;max-width:600px;width:calc(100% - 35px)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog p{line-height:1.7;color:#a6b6ca;font-size:15px}#close-dialog{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:#adbed2}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:55px}}@media(max-width:1250px){.section{margin-left:6%;margin-right:6%}nav{gap:14px}.header{padding:0 5%}nav button,nav a{font-size:12px}}@media(max-width:960px){nav{display:none}#menu{display:none !important}.header-cta{margin-left:auto}.header{height:75px}nav.open{display:flex;position:absolute;top:75px;left:0;right:0;padding:25px;background:#081427;z-index:10;flex-wrap:wrap;justify-content:center;gap:22px}nav.open button,nav.open a{font-size:15px}.steps{gap:20px}.why{gap:50px}.footer-top{flex-wrap:wrap}.language{display:none}.faq{gap:40px}.section-heading>p{max-width:170px}.network-card{padding:20px 16px}.footer-links{gap:18px}}@media(max-width:650px){.header{padding:0 5%;gap:14px}.brand{font-size:23px}.brand-icon{height:32px;width:30px;font-size:29px}.header-cta{font-size:12px;padding:10px}.header-cta span{display:none}h1{font-size:39px;letter-spacing:-1.8px;line-height:1.15}h1 br{display:none}h1>span{display:block}.hero{padding:40px 16px 35px}.eyebrow{font-size:10px;letter-spacing:1.5px}.intro{font-size:14px}.intro br{display:none}.download-panel{padding:0 14px 18px;margin-top:26px;border-radius:13px}.platform-tabs{gap:0;justify-content:space-between;margin-bottom:17px}.platform-tabs button{font-size:11px;flex-direction:column;gap:7px;padding:16px 7px 12px}.platform-tabs .social-icon{height:20px;width:20px}.download-panel form{flex-direction:column;gap:12px}input{font-size:13px;padding:17px 8px}.url-wrap{padding-left:10px}#paste{font-size:11px;padding:7px}#paste span{display:none}.primary{height:51px}.content-types{gap:0;flex-wrap:wrap;margin:13px 0}.content-types button{font-size:11px;padding:5px 8px}.permission{font-size:10px;line-height:1.6}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px;max-width:320px;margin:auto;text-align:left}.availability{font-size:10px}.section{padding:40px 0;margin:0 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{display:none}h2{font-size:28px}.kicker{font-size:10px;letter-spacing:1.6px}.steps{grid-template-columns:1fr 1fr;gap:27px 20px}.step-number{font-size:41px;right:0}.steps h3{font-size:15px}.steps p{font-size:12px}.step-icon{margin-bottom:15px}.network-grid{grid-template-columns:1fr 1fr;gap:12px}.network-card h3{font-size:18px}.network-card p{font-size:11px}.network-card>.social-icon{margin-bottom:17px}.why,.faq{grid-template-columns:1fr;gap:30px}.why>div>p{font-size:14px}.faq{padding-bottom:50px}.faq h2 br{display:none}.faq>div>p{display:none}.questions summary{font-size:13px}.footer-links{flex-wrap:wrap;gap:16px 25px}.footer-top{gap:25px}.footer-bottom{flex-direction:column;gap:5px}.footer-bottom p:last-child{text-align:left}footer{padding-top:30px}.why-features{gap:24px}dialog{padding:27px}}
.btn-header-auth {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 229, 245, 0.08);
  border: 1.5px solid rgba(0, 229, 245, 0.4);
  color: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.2s ease;
  margin-right: 0px;
}
.btn-header-auth:hover {
  background: rgba(0, 229, 245, 0.18);
  border-color: #00e5f5;
  box-shadow: 0 0 12px rgba(0, 229, 245, 0.3);
  transform: translateY(-1px);
}
.btn-header-auth .auth-icon-wrap {
  font-size: 15px;
}
@media (max-width: 768px) {
  .btn-header-auth {
    padding: 6px 10px;
    font-size: 11.5px;
  }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* ==========================================================================
   RODAPÉ ELEGANTE - CRÉDITOS "PRAZER, SEU MARKETING" CENTRALIZADOS NO MEIO
   ========================================================================== */
.footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-top: 35px !important;
  padding-top: 22px !important;
  color: #7187a5 !important;
  font-size: 11.5px !important;
  line-height: 1.6 !important;
  width: 100% !important;
}

.footer-bottom-content {
  flex: 1 1 240px !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
}

.footer-bottom-content p {
  margin: 0 !important;
  color: #8da4c0 !important;
  font-size: 11.5px !important;
}

.crafted-by-wrap {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.crafted-by {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
  font-size: 11.5px !important;
  color: #9cb4ce !important;
  background: rgba(0, 229, 245, 0.05);
  border: 1px solid rgba(0, 229, 245, 0.25);
  padding: 4px 14px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2), 0 0 14px rgba(0, 229, 245, 0.08);
}

.crafted-by .heart {
  color: #00e5f5 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-block !important;
  filter: drop-shadow(0 0 6px rgba(0, 229, 245, 0.7));
}

.agency-credit-link {
  color: #00e5f5 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid rgba(0, 229, 245, 0.4) !important;
  padding-bottom: 1px !important;
  white-space: nowrap !important;
  display: inline-block !important;
  letter-spacing: 0.2px;
  transition: all 0.25s ease !important;
}

.agency-credit-link:hover {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  text-shadow: 0 0 12px rgba(0, 229, 245, 0.8) !important;
  transform: translateY(-1px);
}

.footer-disclaimer {
  flex: 1 1 240px !important;
  margin: 0 !important;
  text-align: right !important;
  color: #5c7595 !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
}

@media (max-width: 900px) {
  body {
    padding-bottom: 0 !important;
  }

  footer {
    background: radial-gradient(circle at 50% 100%, #07172e 0%, #020814 85%), #020814 !important;
    border-top: 1px solid rgba(0, 229, 245, 0.18) !important;
    padding-top: 26px !important;
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .footer-bottom {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 8px !important;
    margin-top: 20px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  .crafted-by-wrap {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 4px auto 6px !important;
  }

  .footer-bottom-content {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    margin: 2px 0 !important;
    padding: 0 !important;
  }

  .footer-bottom-content p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
    color: #8da4c0 !important;
  }

  .footer-disclaimer {
    order: 3 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    text-align: center !important;
    margin: 2px 0 6px !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
    color: #617c9e !important;
  }

  .fair-use-disclaimer-box {
    order: 4 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 10px 0 0 !important;
    padding: 10px 12px !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
    background: rgba(4, 16, 35, 0.7) !important;
    border: 1px solid rgba(0, 229, 245, 0.12) !important;
    border-radius: 8px !important;
  }

  .crafted-by {
    font-size: 11px !important;
    padding: 4px 14px !important;
  }
}

/* ==========================================================================
   CONTROLE AUTOMÁTICO DE VISIBILIDADE: PLANOS & LIMITAÇÕES
   Quando o site estiver no modo livre/cortesia (sem planos ativados),
   oculta todos os links de planos ("💎 Planos & Preços"), seção #planos e "Minha Conta".
   ========================================================================== */
html.plans-disabled a[href*="planos"],
html.plans-disabled .nav-planos-link,
html.plans-disabled #planos,
html.plans-disabled #header-user-btn,
html.plans-disabled .footer-ref-link[href*="planos"],
html.plans-disabled .notif-menu-item[onclick*="planos"],
html.plans-disabled #floating-popup-btn,
html.plans-disabled .floating-popup-trigger,
html.plans-disabled #site-ad-popup,
html.plans-disabled .ticker-courtesy-item,
html.plans-disabled #security-shield-bar,
html.plans-disabled .security-shield-bar,
html.plans-disabled .shield-quota-tag {
  display: none !important;
}

/* ==========================================================================
   LAYOUT TOTALMENTE INTEGRADO - STICKY FOOTER & FORMULARIOS BLINDADOS
   ========================================================================== */
html {
  height: 100%;
  height: 100dvh;
}

body {
  min-height: 100%;
  min-height: 100dvh;
  display: flex !important;
  flex-direction: column !important;
  background-color: #020814 !important;
  margin: 0 !important;
}

main {
  flex: 1 0 auto !important;
  width: 100% !important;
}

footer {
  margin-top: auto !important;
  width: 100% !important;
  background: radial-gradient(circle at 50% 100%, #07172e 0%, #020814 85%), #020814 !important;
  border-top: 1px solid rgba(0, 229, 245, 0.18) !important;
}

@media (max-width: 900px) {
  footer {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .ad-form-row,
  .form-grid-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}