:root{
  --landing-bg: #060b18;
  --landing-bg-deep: #030711;
  --landing-panel: rgba(15, 24, 42, .86);
  --landing-panel-soft: rgba(15, 23, 42, .58);
  --landing-border: rgba(148, 163, 184, .18);
  --landing-border-strong: rgba(251, 146, 60, .36);
  --landing-text: #f8fafc;
  --landing-muted: #a8b5c9;
  --landing-accent: #fb923c;
  --landing-accent-strong: #f97316;
  --landing-cyan: #38bdf8;
  --landing-green: #22c55e;
  --landing-shadow: 0 28px 80px rgba(0, 0, 0, .40);
}

html{
  scroll-behavior: smooth;
}

body.landing-body{
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 12% 6%, rgba(249, 115, 22, .13), transparent 30rem),
    radial-gradient(circle at 85% 24%, rgba(56, 189, 248, .12), transparent 32rem),
    linear-gradient(180deg, var(--landing-bg) 0%, var(--landing-bg-deep) 100%);
  color: var(--landing-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.public-body{
  margin: 0;
}

.public-main{
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.landing-page{
  overflow: hidden;
}

.landing-container{
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.landing-header{
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(148, 163, 184, .13);
  background: rgba(6, 11, 24, .74);
  backdrop-filter: blur(18px);
}

.landing-header__inner{
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.landing-brand{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--landing-text);
  text-decoration: none;
  font-weight: 800;
  letter-spacing: -.03em;
  font-size: 20px;
}

.landing-brand__logo{
  display: block;
  width: 112px;
  height: auto;
  max-height: 66px;
  object-fit: contain;
  transform-origin: center;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28));
}

.landing-brand__icon{
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(251, 146, 60, .34);
  border-radius: 12px;
  background: rgba(251, 146, 60, .11);
  font-size: 20px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.landing-brand__text span{
  color: var(--landing-accent);
}

.landing-nav{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin-left: auto;
}

.landing-nav a,
.landing-footer__links a{
  color: var(--landing-muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 650;
  transition: color .18s ease;
}

.landing-nav a:hover,
.landing-footer__links a:hover{
  color: var(--landing-text);
}

.landing-header__actions{
  display: flex;
  align-items: center;
  gap: 10px;
}

.landing-button{
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 10px 16px;
  color: var(--landing-text);
  text-decoration: none;
  font-size: 14px;
  font-weight: 780;
  letter-spacing: -.01em;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.landing-button:hover{
  transform: translateY(-2px);
}

.landing-button--primary{
  border-color: rgba(251, 146, 60, .60);
  background: linear-gradient(135deg, #fb923c, #ea580c);
  box-shadow: 0 12px 28px rgba(234, 88, 12, .24);
}

.landing-button--primary:hover{
  box-shadow: 0 16px 34px rgba(234, 88, 12, .34);
}

.landing-button--ghost{
  border-color: var(--landing-border);
  background: rgba(15, 23, 42, .30);
}

.landing-button--secondary{
  border-color: rgba(56, 189, 248, .34);
  background: rgba(14, 116, 144, .13);
  color: #e0f2fe;
}

.landing-button--large{
  min-height: 52px;
  padding: 13px 21px;
  font-size: 15px;
}

.landing-hero{
  position: relative;
  padding: 90px 0 78px;
}

.landing-hero__grid{
  display: grid;
  grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr);
  align-items: center;
  gap: 54px;
}

.landing-eyebrow,
.landing-section__eyebrow{
  margin: 0 0 14px;
  color: #fdba74;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.landing-hero h1,
.landing-section h2,
.landing-final-cta h2{
  margin: 0;
  color: var(--landing-text);
  letter-spacing: -.05em;
  line-height: 1.04;
}

.landing-hero h1{
  max-width: 650px;
  font-size: clamp(42px, 5vw, 68px);
}

.landing-hero__description{
  max-width: 590px;
  margin: 25px 0 0;
  color: var(--landing-muted);
  font-size: 19px;
  line-height: 1.65;
}

.landing-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.landing-trust-list,
.landing-check-list{
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.landing-trust-list{
  display: flex;
  flex-wrap: wrap;
  gap: 14px 22px;
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 650;
}

.landing-trust-list li,
.landing-check-list li{
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.landing-trust-list span,
.landing-check-list span{
  color: var(--landing-green);
  font-weight: 900;
}

.landing-hero__visual{
  position: relative;
  min-width: 0;
  padding: 26px 0 30px 28px;
}

.landing-glow{
  position: absolute;
  pointer-events: none;
  filter: blur(4px);
}

.landing-glow--one{
  top: 3%;
  right: -12%;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background: rgba(56, 189, 248, .18);
}

.landing-glow--two{
  bottom: 0;
  left: 1%;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: rgba(249, 115, 22, .15);
}

.landing-browser{
  position: relative;
  z-index: 2;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 19px;
  background: #0b1220;
  box-shadow: var(--landing-shadow);
}

.landing-browser--hero{
  transform: perspective(1800px) rotateY(-3deg) rotateX(1.8deg);
}

.landing-browser__top{
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 13px;
  border-bottom: 1px solid rgba(148, 163, 184, .16);
  color: #94a3b8;
  font-size: 11px;
}

.landing-browser__dots{
  display: inline-flex;
  gap: 4px;
}

.landing-browser__dots span{
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #475569;
}

.landing-browser__dots span:nth-child(1){
  background: #fb7185;
}

.landing-browser__dots span:nth-child(2){
  background: #fbbf24;
}

.landing-browser__dots span:nth-child(3){
  background: #4ade80;
}

.landing-browser__status{
  margin-left: auto;
  color: #86efac;
  font-weight: 750;
}

.landing-browser img,
.landing-screenshot-frame img{
  display: block;
  width: 100%;
  height: auto;
}

.landing-float-card{
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 220px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 14px;
  background: rgba(12, 20, 36, .90);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .30);
  backdrop-filter: blur(10px);
}

.landing-float-card--orders{
  top: -1px;
  left: -2px;
}

.landing-float-card--kitchen{
  right: -22px;
  bottom: -4px;
}

.landing-float-card__icon{
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  background: rgba(251, 146, 60, .13);
  font-size: 17px;
}

.landing-float-card strong{
  display: block;
  color: #f8fafc;
  font-size: 12px;
}

.landing-float-card small{
  display: block;
  margin-top: 3px;
  color: #94a3b8;
  font-size: 10px;
  line-height: 1.3;
}

.landing-section{
  position: relative;
  padding: 98px 0;
}

.landing-section--intro{
  padding: 82px 0;
  border-top: 1px solid rgba(148, 163, 184, .11);
  border-bottom: 1px solid rgba(148, 163, 184, .11);
  background: rgba(15, 23, 42, .30);
}

.landing-intro{
  max-width: 840px;
  text-align: center;
}

.landing-intro h2{
  font-size: clamp(30px, 4vw, 48px);
}

.landing-intro > p:last-child{
  max-width: 690px;
  margin: 22px auto 0;
  color: var(--landing-muted);
  font-size: 17px;
  line-height: 1.7;
}

.landing-section__heading{
  max-width: 690px;
}

.landing-section__heading--wide{
  max-width: 760px;
}

.landing-section__heading h2{
  font-size: clamp(30px, 4vw, 46px);
}

.landing-section__heading > p:last-child{
  margin: 19px 0 0;
  color: var(--landing-muted);
  font-size: 16px;
  line-height: 1.65;
}

.landing-features{
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .20), rgba(6, 11, 24, .10)),
    radial-gradient(circle at 98% 2%, rgba(56, 189, 248, .10), transparent 22rem);
}

.landing-feature-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  margin-top: 42px;
}

.landing-feature-card{
  min-height: 218px;
  padding: 24px;
  border: 1px solid var(--landing-border);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(15, 23, 42, .86), rgba(15, 23, 42, .43));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
  transition: transform .18s ease, border-color .18s ease;
}

.landing-feature-card:hover{
  transform: translateY(-4px);
  border-color: rgba(251, 146, 60, .44);
}

.landing-feature-card__icon{
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(251, 146, 60, .24);
  border-radius: 14px;
  background: rgba(251, 146, 60, .11);
  font-size: 22px;
}

.landing-feature-card h3{
  margin: 18px 0 0;
  color: #f8fafc;
  font-size: 17px;
  letter-spacing: -.025em;
}

.landing-feature-card p{
  margin: 9px 0 0;
  color: var(--landing-muted);
  font-size: 14px;
  line-height: 1.6;
}

.landing-system{
  border-top: 1px solid rgba(148, 163, 184, .10);
}

.landing-showcase-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 44px;
}

.landing-showcase-card{
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--landing-border);
  border-radius: 20px;
  background: linear-gradient(150deg, rgba(15, 23, 42, .82), rgba(8, 15, 28, .82));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.landing-showcase-card--large{
  grid-column: 1 / -1;
}

.landing-showcase-card__content{
  min-height: 148px;
  padding: 25px 25px 17px;
}

.landing-showcase-card__number{
  display: inline-block;
  color: #fdba74;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .11em;
}

.landing-showcase-card h3{
  margin: 12px 0 0;
  color: #f8fafc;
  font-size: 24px;
  letter-spacing: -.035em;
}

.landing-showcase-card p{
  max-width: 470px;
  margin: 8px 0 0;
  color: var(--landing-muted);
  font-size: 14px;
  line-height: 1.55;
}

.landing-screenshot-frame{
  position: relative;
  overflow: hidden;
  margin: 0 14px 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 13px;
  background: #0b1220;
}

.landing-showcase-card--large .landing-screenshot-frame{
  max-height: 485px;
}

.landing-showcase-card--large .landing-screenshot-frame img{
  transform-origin: top center;
}

.landing-trial{
  border-top: 1px solid rgba(148, 163, 184, .11);
  background:
    radial-gradient(circle at 80% 45%, rgba(249, 115, 22, .18), transparent 27rem),
    linear-gradient(180deg, rgba(15, 23, 42, .42), rgba(6, 11, 24, .10));
}

.landing-trial__grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .76fr);
  align-items: center;
  gap: 80px;
}

.landing-trial__content h2{
  max-width: 600px;
  font-size: clamp(31px, 4vw, 48px);
}

.landing-trial__content > p:not(.landing-trial__note){
  max-width: 630px;
  margin: 21px 0 0;
  color: var(--landing-muted);
  font-size: 16px;
  line-height: 1.72;
}

.landing-check-list{
  display: grid;
  gap: 12px;
  max-width: 600px;
  color: #dbe6f4;
  font-size: 14px;
  line-height: 1.5;
}

.landing-trial__content .landing-button{
  margin-top: 28px;
}

.landing-trial__note{
  max-width: 570px;
  margin: 15px 0 0;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.55;
}

.landing-trial__visual{
  display: flex;
  justify-content: center;
}

.landing-signup-preview{
  width: min(100%, 410px);
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 22px;
  background: rgba(7, 15, 31, .88);
  box-shadow: var(--landing-shadow);
}

.landing-signup-preview__top{
  display: flex;
  align-items: center;
  gap: 10px;
  height: 66px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(148, 163, 184, .15);
  color: #f8fafc;
  font-size: 16px;
  font-weight: 800;
}

.landing-signup-preview__logo{
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(251, 146, 60, .12);
  font-size: 16px;
}

.landing-signup-preview__body{
  display: flex;
  flex-direction: column;
  padding: 26px 25px 28px;
}

.landing-signup-preview__body strong{
  color: #f8fafc;
  font-size: 20px;
  letter-spacing: -.03em;
}

.landing-signup-preview__body p{
  margin: 8px 0 22px;
  color: var(--landing-muted);
  font-size: 13px;
}

.landing-signup-preview__label{
  margin: 15px 0 7px;
  color: #b8c5d6;
  font-size: 12px;
  font-weight: 700;
}

.landing-signup-preview__input{
  height: 43px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 10px;
  background: rgba(2, 6, 23, .45);
}

.landing-signup-preview__button{
  margin-top: 23px;
  padding: 13px 15px;
  border-radius: 11px;
  background: linear-gradient(135deg, #fb923c, #ea580c);
  color: #fff7ed;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
}

.landing-steps{
  border-top: 1px solid rgba(148, 163, 184, .10);
}

.landing-step-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 42px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: steps;
}

.landing-step-card{
  position: relative;
  min-height: 225px;
  padding: 26px;
  border: 1px solid var(--landing-border);
  border-radius: 18px;
  background: rgba(15, 23, 42, .44);
}

.landing-step-card > span{
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(56, 189, 248, .36);
  border-radius: 50%;
  background: rgba(14, 116, 144, .16);
  color: #bae6fd;
  font-size: 14px;
  font-weight: 850;
}

.landing-step-card h3{
  margin: 20px 0 0;
  color: #f8fafc;
  font-size: 19px;
  letter-spacing: -.025em;
}

.landing-step-card p{
  margin: 10px 0 0;
  color: var(--landing-muted);
  font-size: 14px;
  line-height: 1.62;
}

.landing-final-cta{
  padding: 104px 0;
  border-top: 1px solid rgba(251, 146, 60, .25);
  background:
    radial-gradient(circle at 50% 100%, rgba(249, 115, 22, .27), transparent 35rem),
    linear-gradient(180deg, rgba(15, 23, 42, .70), rgba(6, 11, 24, .65));
}

.landing-final-cta__content{
  max-width: 800px;
  text-align: center;
}

.landing-final-cta h2{
  font-size: clamp(34px, 5vw, 58px);
}

.landing-final-cta p:not(.landing-section__eyebrow){
  max-width: 560px;
  margin: 21px auto 0;
  color: var(--landing-muted);
  font-size: 17px;
  line-height: 1.65;
}

.landing-final-cta__actions{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.landing-footer{
  border-top: 1px solid rgba(148, 163, 184, .12);
  background: #030711;
}

.landing-footer__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 106px;
}

.landing-footer__links{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.landing-footer p{
  margin: 0;
  color: #64748b;
  font-size: 12px;
  text-align: right;
}

@media (max-width: 1040px){
  .landing-nav{
    display: none;
  }

  .landing-hero{
    padding-top: 72px;
  }

  .landing-hero__grid{
    gap: 38px;
  }

  .landing-hero__visual{
    padding-left: 10px;
  }

  .landing-float-card--orders{
    left: -12px;
  }

  .landing-float-card--kitchen{
    right: -7px;
  }

  .landing-trial__grid{
    gap: 40px;
  }
}

@media (max-width: 820px){
  .landing-container{
    width: min(100% - 28px, 650px);
  }

  .landing-header__inner{
    min-height: 68px;
  }

  .landing-header__actions .landing-button--ghost{
    display: none;
  }

  .landing-header__actions .landing-button{
    min-height: 40px;
    padding: 9px 13px;
    font-size: 13px;
  }

  .landing-brand{
    font-size: 18px;
  }

  .landing-header .landing-brand__logo{
    width: 96px;
    max-height: 58px;
  }

  .landing-brand__icon{
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .landing-hero{
    padding: 60px 0 56px;
  }

  .landing-hero__grid,
  .landing-trial__grid{
    grid-template-columns: 1fr;
  }

  .landing-hero h1{
    font-size: clamp(38px, 11vw, 57px);
  }

  .landing-hero__description{
    max-width: 610px;
    font-size: 17px;
  }

  .landing-hero__visual{
    width: min(100%, 640px);
    margin: 5px auto 0;
    padding: 19px 8px 25px 11px;
  }

  .landing-float-card{
    width: 196px;
  }

  .landing-feature-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-showcase-grid{
    grid-template-columns: 1fr;
  }

  .landing-showcase-card--large{
    grid-column: auto;
  }

  .landing-step-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .landing-step-card{
    min-height: auto;
  }

  .landing-trial__visual{
    order: -1;
  }

  .landing-signup-preview{
    width: min(100%, 470px);
  }

  .landing-footer__inner{
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 25px 0;
  }

  .landing-footer p{
    text-align: left;
  }
}

@media (max-width: 520px){
  .landing-container{
    width: min(100% - 24px, 650px);
  }

  .landing-header__actions .landing-button--primary{
    max-width: 148px;
    text-align: center;
    line-height: 1.2;
  }

  .landing-hero__actions,
  .landing-final-cta__actions{
    flex-direction: column;
  }

  .landing-hero__actions .landing-button,
  .landing-final-cta__actions .landing-button{
    width: 100%;
  }

  .landing-trust-list{
    display: grid;
    gap: 10px;
  }

  .landing-float-card{
    width: 164px;
    padding: 8px;
  }

  .landing-float-card__icon{
    width: 29px;
    height: 29px;
    font-size: 14px;
  }

  .landing-float-card strong{
    font-size: 10px;
  }

  .landing-float-card small{
    display: none;
  }

  .landing-float-card--orders{
    top: -5px;
    left: -3px;
  }

  .landing-float-card--kitchen{
    right: -4px;
    bottom: -3px;
  }

  .landing-section{
    padding: 70px 0;
  }

  .landing-feature-grid{
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .landing-feature-card{
    min-height: 0;
  }

  .landing-showcase-grid{
    margin-top: 30px;
  }

  .landing-showcase-card__content{
    min-height: 0;
  }

  .landing-showcase-card--large .landing-screenshot-frame{
    max-height: 290px;
  }

  .landing-trial{
    padding-top: 72px;
  }

  .landing-final-cta{
    padding: 78px 0;
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior: auto;
  }

  .landing-button,
  .landing-feature-card{
    transition: none;
  }
}


/* Ajuste V4: formulário real do teste grátis na landing */
.landing-signup-preview__body{
  display: grid;
  gap: 14px;
}

.landing-signup-field{
  display: grid;
  gap: 7px;
}

.landing-signup-preview__input{
  display: block;
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.28);
  background: rgba(2,6,23,.45);
  color: #f8fafc;
  font: inherit;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.landing-signup-preview__input::placeholder{
  color: rgba(203,213,225,.58);
}

.landing-signup-preview__input:focus{
  border-color: rgba(251,146,60,.82);
  box-shadow: 0 0 0 4px rgba(251,146,60,.18);
}

.landing-signup-preview__input--erro{
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 4px rgba(239,68,68,.18) !important;
}

.landing-signup-error{
  min-height: 18px;
  color: #fecaca;
  font-size: 13px;
  font-weight: 800;
}

button.landing-signup-preview__button{
  width: 100%;
  border: 0;
  cursor: pointer;
  font: inherit;
}

/* Fase landing leads V5 */
.landing-signup-alert{
  padding: 11px 13px;
  border: 1px solid rgba(248,113,113,.48);
  border-radius: 14px;
  background: rgba(127,29,29,.28);
  color: #fecaca;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
}

.landing-consent{
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  margin-top: 2px;
  color: #cbd5e1;
  font-size: 12px;
  line-height: 1.45;
  cursor: pointer;
}

.landing-consent input{
  width: 16px;
  height: 16px;
  margin-top: 1px;
  accent-color: #fb923c;
}

.landing-privacy-note{
  margin: -5px 0 0 !important;
  color: #94a3b8 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

.landing-privacy-note a{
  color: #fdba74;
  text-decoration: none;
  font-weight: 800;
}

.landing-privacy-note a:hover{
  text-decoration: underline;
}

.landing-whatsapp-float{
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 80;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 176px;
  padding: 12px 14px;
  border: 1px solid rgba(34,197,94,.34);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(22,163,74,.96), rgba(21,128,61,.96));
  color: #ecfdf5;
  text-decoration: none;
  box-shadow: 0 20px 50px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.04) inset;
}

.landing-whatsapp-float:hover{
  transform: translateY(-1px);
  box-shadow: 0 26px 60px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.08) inset;
}

.landing-whatsapp-float--off{
  border-color: rgba(148,163,184,.32);
  background: rgba(15,23,42,.92);
  color: #cbd5e1;
}

.landing-whatsapp-float__icon{
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  font-size: 20px;
  flex: 0 0 auto;
}

.landing-whatsapp-float__text{
  display: grid;
  gap: 2px;
  line-height: 1.1;
}

.landing-whatsapp-float__text strong{
  font-size: 13px;
}

.landing-whatsapp-float__text small{
  color: rgba(236,253,245,.82);
  font-size: 11px;
}

.landing-whatsapp-float--off .landing-whatsapp-float__text small{
  color: #94a3b8;
}

.landing-cookie-banner{
  position: fixed;
  left: 22px;
  bottom: 22px;
  z-index: 90;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  width: min(780px, calc(100% - 44px));
  padding: 16px;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 20px;
  background: rgba(8,15,30,.96);
  color: #e2e8f0;
  box-shadow: 0 24px 80px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
}

.landing-cookie-banner[hidden]{
  display: none;
}

.landing-cookie-banner strong{
  display: block;
  margin-bottom: 5px;
  color: #f8fafc;
  font-size: 14px;
}

.landing-cookie-banner p{
  margin: 0;
  color: #b8c5d6;
  font-size: 12px;
  line-height: 1.5;
}

.landing-cookie-banner__actions{
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: flex-end;
}

.landing-cookie-banner__actions .landing-button{
  min-height: 38px;
  padding: 9px 12px;
  white-space: nowrap;
}

.landing-privacy-page{
  min-height: 100vh;
  padding-top: 122px;
}

.landing-privacy-card{
  max-width: 920px;
  padding: 34px;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 24px;
  background: rgba(15,23,42,.72);
  box-shadow: var(--landing-shadow);
}

.landing-privacy-card h1{
  margin: 8px 0 18px;
  color: #f8fafc;
  font-size: clamp(32px, 4vw, 48px);
  letter-spacing: -.04em;
}

.landing-privacy-card h2{
  margin: 28px 0 8px;
  color: #f8fafc;
  font-size: 20px;
}

.landing-privacy-card p{
  color: #cbd5e1;
  line-height: 1.7;
}

.landing-privacy-card__nota{
  margin-top: 28px;
  padding: 14px 16px;
  border: 1px solid rgba(251,146,60,.28);
  border-radius: 16px;
  background: rgba(251,146,60,.10);
  color: #fed7aa !important;
}

@media (max-width: 720px){
  .landing-whatsapp-float{
    right: 14px;
    bottom: 14px;
    min-width: 0;
    padding: 10px;
  }

  .landing-whatsapp-float__text{
    display: none;
  }

  .landing-cookie-banner{
    left: 12px;
    bottom: 82px;
    width: calc(100% - 24px);
    grid-template-columns: 1fr;
  }

  .landing-cookie-banner__actions{
    justify-content: stretch;
  }

  .landing-cookie-banner__actions .landing-button{
    flex: 1;
    justify-content: center;
    text-align: center;
  }

  .landing-privacy-card{
    padding: 24px;
  }
}

/* Landing V7: acabamento premium sutil - brilho, movimento e entrada suave */
body.landing-body{
  position: relative;
  overflow-x: hidden;
}

body.landing-body::before,
body.landing-body::after{
  content: "";
  position: fixed;
  z-index: -1;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(10px);
  opacity: .62;
  transform: translate3d(0,0,0);
}

body.landing-body::before{
  width: 420px;
  height: 420px;
  top: 9%;
  left: -150px;
  background: radial-gradient(circle, rgba(251,146,60,.18), rgba(251,146,60,.05) 45%, transparent 70%);
  animation: plkAuraOne 15s ease-in-out infinite alternate;
}

body.landing-body::after{
  width: 470px;
  height: 470px;
  right: -180px;
  bottom: 13%;
  background: radial-gradient(circle, rgba(56,189,248,.16), rgba(56,189,248,.04) 48%, transparent 72%);
  animation: plkAuraTwo 18s ease-in-out infinite alternate;
}

.landing-button,
.landing-signup-preview__button{
  position: relative;
  overflow: hidden;
}

.landing-button--primary::after,
.landing-signup-preview__button::after{
  content: "";
  position: absolute;
  inset: -80% auto -80% -60%;
  width: 42%;
  transform: rotate(18deg) translateX(-180%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  animation: plkButtonShine 5.8s ease-in-out infinite;
  pointer-events: none;
}

.landing-spotlight-card{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --plk-x: 50%;
  --plk-y: 50%;
  --plk-spotlight-size: 270px;
}

.landing-spotlight-card::before{
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(var(--plk-spotlight-size) circle at var(--plk-x) var(--plk-y), rgba(251,146,60,.20), rgba(56,189,248,.10) 32%, transparent 68%);
  transition: opacity .22s ease, background-size .22s ease;
}

.landing-spotlight-card:hover::before,
.landing-spotlight-card.landing-pointer-active::before{
  opacity: 1;
}

.landing-spotlight-card > *{
  position: relative;
  z-index: 1;
}

.landing-signup-preview.landing-spotlight-card{
  --plk-spotlight-size: 340px;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.landing-signup-preview.landing-pointer-active{
  --plk-spotlight-size: 430px;
  transform: translateY(-4px) scale(1.012);
  border-color: rgba(251,146,60,.42);
  box-shadow: 0 34px 90px rgba(0,0,0,.50), 0 0 0 1px rgba(251,146,60,.10) inset;
}

.landing-feature-card,
.landing-showcase-card,
.landing-step-card{
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
}

.landing-feature-card:hover,
.landing-showcase-card:hover,
.landing-step-card:hover{
  transform: translateY(-7px);
  border-color: rgba(251,146,60,.42);
  box-shadow: 0 22px 62px rgba(0,0,0,.28), 0 0 0 1px rgba(251,146,60,.06) inset;
}

.landing-showcase-card:hover .landing-screenshot-frame img,
.landing-browser--hero:hover img{
  transform: scale(1.015);
}

.landing-screenshot-frame img,
.landing-browser--hero img{
  transition: transform .45s ease;
}

.landing-browser--hero{
  animation: plkHeroFloat 7s ease-in-out infinite;
  transition: box-shadow .25s ease, border-color .25s ease;
}

.landing-browser--hero:hover{
  border-color: rgba(56,189,248,.38);
  box-shadow: 0 35px 95px rgba(0,0,0,.52), 0 0 0 1px rgba(56,189,248,.10) inset;
}

.landing-glow--one{
  animation: plkGlowOne 9s ease-in-out infinite alternate;
}

.landing-glow--two{
  animation: plkGlowTwo 11s ease-in-out infinite alternate;
}

.landing-float-card--orders{
  animation: plkMiniFloatOne 6.2s ease-in-out infinite;
}

.landing-float-card--kitchen{
  animation: plkMiniFloatTwo 6.8s ease-in-out infinite;
}

.landing-whatsapp-float::after{
  content: "";
  position: absolute;
  inset: -7px;
  z-index: -1;
  border-radius: 999px;
  border: 1px solid rgba(34,197,94,.42);
  opacity: .35;
  animation: plkWhatsPulse 2.8s ease-out infinite;
}

.landing-reveal{
  opacity: 0;
  transform: translate3d(0, 26px, 0) scale(.985);
  filter: blur(8px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.2,.8,.2,1), filter .75s ease;
}

.landing-reveal.is-visible{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

.landing-feature-card.landing-reveal:nth-child(2),
.landing-showcase-card.landing-reveal:nth-child(2),
.landing-step-card.landing-reveal:nth-child(2){
  transition-delay: .06s;
}

.landing-feature-card.landing-reveal:nth-child(3),
.landing-showcase-card.landing-reveal:nth-child(3),
.landing-step-card.landing-reveal:nth-child(3){
  transition-delay: .12s;
}

.landing-feature-card.landing-reveal:nth-child(4),
.landing-showcase-card.landing-reveal:nth-child(4){
  transition-delay: .18s;
}

.landing-feature-card.landing-reveal:nth-child(5){
  transition-delay: .24s;
}

.landing-feature-card.landing-reveal:nth-child(6){
  transition-delay: .30s;
}

@keyframes plkAuraOne{
  from{ transform: translate3d(0,0,0) scale(1); }
  to{ transform: translate3d(70px,60px,0) scale(1.12); }
}

@keyframes plkAuraTwo{
  from{ transform: translate3d(0,0,0) scale(1); }
  to{ transform: translate3d(-80px,-55px,0) scale(1.08); }
}

@keyframes plkButtonShine{
  0%, 62%{ transform: rotate(18deg) translateX(-180%); opacity: 0; }
  70%{ opacity: 1; }
  88%, 100%{ transform: rotate(18deg) translateX(520%); opacity: 0; }
}

@keyframes plkHeroFloat{
  0%, 100%{ transform: perspective(1800px) rotateY(-3deg) rotateX(1.8deg) translate3d(0,0,0); }
  50%{ transform: perspective(1800px) rotateY(-2.4deg) rotateX(1.3deg) translate3d(0,-10px,0); }
}

@keyframes plkGlowOne{
  from{ transform: translate3d(0,0,0) scale(1); opacity: .75; }
  to{ transform: translate3d(-26px,30px,0) scale(1.16); opacity: .98; }
}

@keyframes plkGlowTwo{
  from{ transform: translate3d(0,0,0) scale(1); opacity: .70; }
  to{ transform: translate3d(30px,-22px,0) scale(1.13); opacity: .92; }
}

@keyframes plkMiniFloatOne{
  0%, 100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,-9px,0); }
}

@keyframes plkMiniFloatTwo{
  0%, 100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,8px,0); }
}

@keyframes plkWhatsPulse{
  0%{ transform: scale(.94); opacity: .42; }
  100%{ transform: scale(1.18); opacity: 0; }
}

@media (hover: none){
  .landing-signup-preview.landing-spotlight-card::before{
    opacity: .55;
    animation: plkMobileSpotlight 5.5s ease-in-out infinite alternate;
  }

  .landing-signup-preview.landing-pointer-active::before{
    opacity: 1;
    animation: none;
  }
}

@keyframes plkMobileSpotlight{
  0%{ background: radial-gradient(300px circle at 22% 18%, rgba(251,146,60,.18), rgba(56,189,248,.08) 32%, transparent 68%); }
  100%{ background: radial-gradient(320px circle at 78% 72%, rgba(251,146,60,.18), rgba(56,189,248,.08) 32%, transparent 68%); }
}

@media (max-width: 720px){
  body.landing-body::before,
  body.landing-body::after{
    opacity: .42;
  }

  .landing-browser--hero{
    animation-duration: 8.5s;
  }

  .landing-feature-card:hover,
  .landing-showcase-card:hover,
  .landing-step-card:hover{
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce){
  body.landing-body::before,
  body.landing-body::after,
  .landing-button--primary::after,
  .landing-signup-preview__button::after,
  .landing-browser--hero,
  .landing-glow--one,
  .landing-glow--two,
  .landing-float-card--orders,
  .landing-float-card--kitchen,
  .landing-whatsapp-float::after,
  .landing-signup-preview.landing-spotlight-card::before{
    animation: none !important;
  }

  .landing-reveal,
  .landing-reveal.is-visible{
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}


/* =========================================================
   Landing V7.1 - WhatsApp flutuante premium
   Ajuste visual isolado do botão flutuante da landing.
   ========================================================= */
.landing-whatsapp-float{
  position: fixed !important;
  right: max(22px, env(safe-area-inset-right, 0px) + 18px) !important;
  bottom: max(22px, env(safe-area-inset-bottom, 0px) + 18px) !important;
  left: auto !important;
  top: auto !important;
  z-index: 9998 !important;
  isolation: isolate;
  overflow: hidden;
  min-width: 196px;
  padding: 10px 15px 10px 10px;
  gap: 11px;
  border: 1px solid rgba(74, 222, 128, .52);
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.34), transparent 23%),
    linear-gradient(135deg, rgba(37, 211, 102, .98), rgba(18, 140, 84, .98));
  color: #ffffff;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    0 14px 34px rgba(18, 140, 84, .34),
    0 0 0 1px rgba(255,255,255,.12) inset;
  transform: translate3d(0,0,0);
  animation: plkWhatsFloatSoft 4.8s ease-in-out infinite;
  will-change: transform, box-shadow;
}

.landing-whatsapp-float::before{
  content: "";
  position: absolute;
  inset: -35% -70%;
  z-index: -1;
  background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.28) 48%, transparent 62%);
  transform: translateX(-55%);
  animation: plkWhatsButtonShine 3.9s ease-in-out infinite;
  pointer-events: none;
}

.landing-whatsapp-float::after{
  inset: -9px;
  border: 1px solid rgba(37, 211, 102, .58);
  box-shadow: 0 0 34px rgba(37, 211, 102, .24);
  opacity: .5;
}

.landing-whatsapp-float:hover{
  transform: translate3d(0,-4px,0) scale(1.02);
  border-color: rgba(187,247,208,.72);
  box-shadow:
    0 30px 82px rgba(0,0,0,.48),
    0 18px 44px rgba(18, 140, 84, .42),
    0 0 0 1px rgba(255,255,255,.16) inset;
}

.landing-whatsapp-float:active{
  transform: translate3d(0,-1px,0) scale(.99);
}

.landing-whatsapp-float__icon{
  position: relative;
  width: 44px;
  height: 44px;
  background: #ffffff;
  box-shadow:
    0 10px 22px rgba(0,0,0,.2),
    0 0 0 1px rgba(255,255,255,.3) inset;
}

.landing-whatsapp-float__svg{
  width: 31px;
  height: 31px;
  display: block;
}

.landing-whatsapp-float__bubble{
  fill: #25d366;
}

.landing-whatsapp-float__phone{
  fill: #ffffff;
}

.landing-whatsapp-float__text strong{
  color: #ffffff;
  font-size: 14px;
  letter-spacing: .01em;
}

.landing-whatsapp-float__text small{
  color: rgba(236,253,245,.9);
  font-weight: 700;
}

.landing-whatsapp-float--off{
  border-color: rgba(148,163,184,.42);
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.12), transparent 23%),
    linear-gradient(135deg, rgba(30,41,59,.96), rgba(15,23,42,.96));
  color: #e2e8f0;
  box-shadow:
    0 24px 70px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

.landing-whatsapp-float--off::before{
  background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.14) 48%, transparent 62%);
}

.landing-whatsapp-float--off::after{
  border-color: rgba(148,163,184,.34);
  box-shadow: 0 0 30px rgba(148,163,184,.14);
}

.landing-whatsapp-float--off .landing-whatsapp-float__icon{
  background: rgba(255,255,255,.96);
}

.landing-whatsapp-float--off .landing-whatsapp-float__bubble{
  fill: #94a3b8;
}

.landing-whatsapp-float--off .landing-whatsapp-float__phone{
  fill: #ffffff;
}

.landing-whatsapp-float--off .landing-whatsapp-float__text small{
  color: #cbd5e1;
}

@keyframes plkWhatsFloatSoft{
  0%, 100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,-6px,0); }
}

@keyframes plkWhatsButtonShine{
  0%, 18%{ transform: translateX(-62%); opacity: 0; }
  32%{ opacity: .95; }
  58%, 100%{ transform: translateX(62%); opacity: 0; }
}

@media (max-width: 700px){
  .landing-whatsapp-float{
    right: max(14px, env(safe-area-inset-right, 0px) + 12px) !important;
    bottom: max(14px, env(safe-area-inset-bottom, 0px) + 12px) !important;
    min-width: 56px;
    width: 56px;
    height: 56px;
    padding: 6px;
    border-radius: 999px;
    justify-content: center;
  }

  .landing-whatsapp-float__icon{
    width: 42px;
    height: 42px;
  }

  .landing-whatsapp-float__svg{
    width: 30px;
    height: 30px;
  }

  .landing-whatsapp-float__text{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce){
  .landing-whatsapp-float,
  .landing-whatsapp-float::before{
    animation: none !important;
  }
}

/* =========================================================
   Landing V7.2 - Respiração e transição verde do WhatsApp
   Ajuste visual isolado: brilho mais lento, ícone cinza->verde
   e crescimento suave do botão flutuante.
   ========================================================= */
.landing-whatsapp-float{
  --plk-whats-breath-scale: 1.025;
  --plk-whats-float-y: -3px;
  animation: plkWhatsFloatBreathV72 1.5s ease-in-out infinite !important;
}

.landing-whatsapp-float::before{
  animation: plkWhatsButtonShineV72 6.2s ease-in-out infinite !important;
}

.landing-whatsapp-float::after{
  animation: plkWhatsPulseV72 3.2s ease-out infinite !important;
}

.landing-whatsapp-float__bubble{
  transition: fill .45s ease, filter .45s ease;
  animation: plkWhatsIconColorV72 6.2s ease-in-out infinite;
}

.landing-whatsapp-float__icon{
  transition: box-shadow .45s ease, transform .45s ease;
  animation: plkWhatsIconGlowV72 6.2s ease-in-out infinite;
}

.landing-whatsapp-float--off .landing-whatsapp-float__bubble{
  fill: #94a3b8;
  animation: plkWhatsIconOffColorV72 6.2s ease-in-out infinite;
}

.landing-whatsapp-float:hover{
  animation-play-state: paused !important;
}

@keyframes plkWhatsFloatBreathV72{
  0%, 100%{
    transform: translate3d(0,0,0) scale(1);
  }
  50%{
    transform: translate3d(0,var(--plk-whats-float-y),0) scale(var(--plk-whats-breath-scale));
  }
}

@keyframes plkWhatsButtonShineV72{
  0%, 22%{
    transform: translateX(-70%);
    opacity: 0;
  }
  36%{
    opacity: .9;
  }
  58%{
    opacity: .72;
  }
  76%, 100%{
    transform: translateX(70%);
    opacity: 0;
  }
}

@keyframes plkWhatsPulseV72{
  0%{
    transform: scale(.94);
    opacity: .34;
  }
  55%{
    opacity: .15;
  }
  100%{
    transform: scale(1.18);
    opacity: 0;
  }
}

@keyframes plkWhatsIconColorV72{
  0%, 20%, 100%{
    fill: #25d366;
    filter: drop-shadow(0 0 0 rgba(37,211,102,0));
  }
  42%, 58%{
    fill: #34f084;
    filter: drop-shadow(0 0 8px rgba(37,211,102,.45));
  }
}

@keyframes plkWhatsIconOffColorV72{
  0%, 24%, 100%{
    fill: #94a3b8;
    filter: drop-shadow(0 0 0 rgba(37,211,102,0));
  }
  43%, 60%{
    fill: #25d366;
    filter: drop-shadow(0 0 9px rgba(37,211,102,.44));
  }
}

@keyframes plkWhatsIconGlowV72{
  0%, 24%, 100%{
    box-shadow:
      0 10px 22px rgba(0,0,0,.2),
      0 0 0 1px rgba(255,255,255,.3) inset;
  }
  43%, 60%{
    box-shadow:
      0 12px 26px rgba(0,0,0,.24),
      0 0 0 1px rgba(255,255,255,.38) inset,
      0 0 22px rgba(37,211,102,.34);
  }
}

@media (max-width: 700px){
  .landing-whatsapp-float{
    --plk-whats-breath-scale: 1.09;
    --plk-whats-float-y: -2px;
  }
}

@media (prefers-reduced-motion: reduce){
  .landing-whatsapp-float,
  .landing-whatsapp-float::before,
  .landing-whatsapp-float::after,
  .landing-whatsapp-float__icon,
  .landing-whatsapp-float__bubble{
    animation: none !important;
  }
}

/* =========================================================
   Landing V7.3 - WhatsApp respiro mais sutil
   Ajuste isolado: reduz crescimento e deixa a respiração mais lenta.
   Mantém a transição cinza -> verde da V7.2.
   ========================================================= */
.landing-whatsapp-float{
  --plk-whats-breath-scale: 1.008;
  --plk-whats-float-y: -1px;
  animation: plkWhatsFloatBreathV73 3.4s ease-in-out infinite !important;
}

.landing-whatsapp-float::after{
  animation: plkWhatsPulseV73 4.8s ease-out infinite !important;
}

.landing-whatsapp-float:hover{
  transform: translate3d(0,-2px,0) scale(1.01);
}

@keyframes plkWhatsFloatBreathV73{
  0%, 100%{
    transform: translate3d(0,0,0) scale(1);
  }
  50%{
    transform: translate3d(0,var(--plk-whats-float-y),0) scale(var(--plk-whats-breath-scale));
  }
}

@keyframes plkWhatsPulseV73{
  0%{
    transform: scale(.98);
    opacity: .22;
  }
  58%{
    opacity: .09;
  }
  100%{
    transform: scale(1.09);
    opacity: 0;
  }
}

@media (max-width: 700px){
  .landing-whatsapp-float{
    --plk-whats-breath-scale: 1.028;
    --plk-whats-float-y: -1px;
    animation-duration: 3.6s !important;
  }

  .landing-whatsapp-float:hover{
    transform: translate3d(0,-1px,0) scale(1.015);
  }
}

@media (prefers-reduced-motion: reduce){
  .landing-whatsapp-float,
  .landing-whatsapp-float::after{
    animation: none !important;
  }
}


/* =========================================================
   Landing V8 - Conteúdo 2.0 e vitrine profissional
   Ajuste visual/conteúdo isolado da landing.
   Não altera backend, leads, login, cadastro ou painel.
   ========================================================= */
.landing-hero--v8 .landing-hero__description{
  max-width: 680px;
}

.landing-hero__visual--stacked{
  perspective: 1200px;
}

.landing-browser--tilt-main{
  transform: rotateX(2deg) rotateY(-4deg);
  box-shadow:
    0 34px 90px rgba(0,0,0,.42),
    0 0 0 1px rgba(148,163,184,.16) inset;
}

.landing-mini-screen{
  position:absolute;
  z-index: 4;
  width: min(42%, 310px);
  border-radius: 20px;
  overflow:hidden;
  border: 1px solid rgba(148,163,184,.24);
  box-shadow: 0 24px 70px rgba(0,0,0,.38);
  background: rgba(15,23,42,.82);
  animation: landingMiniFloat 7.5s ease-in-out infinite;
}

.landing-mini-screen img{
  display:block;
  width:100%;
  height:auto;
  opacity:.92;
}

.landing-mini-screen--left{
  left:-34px;
  bottom: 42px;
  transform: rotate(-3deg);
}

.landing-mini-screen--right{
  right:-26px;
  bottom: -20px;
  transform: rotate(4deg);
  animation-delay: -2.6s;
}

@keyframes landingMiniFloat{
  0%,100%{ translate: 0 0; }
  50%{ translate: 0 -8px; }
}

.landing-problem-grid,
.landing-advanced-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.landing-problem-card,
.landing-channel-card,
.landing-complexity-card,
.landing-flow-step,
.landing-inside-card,
.landing-advanced-card,
.landing-story-card,
.landing-faq-item{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  background: linear-gradient(145deg, rgba(15,23,42,.86), rgba(2,6,23,.72));
  box-shadow: 0 22px 70px rgba(0,0,0,.22);
}

.landing-problem-card{
  border-radius: 24px;
  padding: 26px;
  min-height: 210px;
}

.landing-problem-card span,
.landing-advanced-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:16px;
  background: rgba(251,146,60,.12);
  border:1px solid rgba(251,146,60,.28);
  margin-bottom: 18px;
}

.landing-problem-card h3,
.landing-advanced-card h3,
.landing-inside-card h3{
  margin: 0 0 10px;
  color: var(--landing-text);
}

.landing-problem-card p,
.landing-advanced-card p,
.landing-inside-card p{
  margin:0;
  color: var(--landing-muted);
  line-height:1.65;
}

.landing-two-column{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 42px;
  align-items:center;
}

.landing-two-column--reverse{
  grid-template-columns: 1.1fr .9fr;
}

.landing-channel-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:14px;
}

.landing-channel-card{
  border-radius: 22px;
  min-height: 112px;
  padding: 20px;
  display:flex;
  align-items:center;
  gap:14px;
  color:var(--landing-text);
}

.landing-channel-card span{
  font-size: 1.8rem;
}

.landing-channel-card--wide{
  grid-column: 1 / -1;
  background:
    radial-gradient(circle at 15% 20%, rgba(37,211,102,.18), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.9), rgba(2,6,23,.74));
}

.landing-pizza-engine,
.landing-channels,
.landing-flow,
.landing-advanced,
.landing-story,
.landing-faq{
  border-top: 1px solid rgba(148,163,184,.08);
}

.landing-complexity-card{
  border-radius: 28px;
  padding: 14px;
}

.landing-screenshot-frame--clean{
  border-radius: 22px;
  max-height: 460px;
}

.landing-pill-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 24px 0 18px;
}

.landing-pill-list span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding: 8px 13px;
  border-radius:999px;
  color:#fed7aa;
  background: rgba(251,146,60,.12);
  border:1px solid rgba(251,146,60,.24);
  font-weight:800;
  font-size:.88rem;
}

.landing-impact-line{
  color:#ffedd5 !important;
  font-weight:900;
  border-left: 3px solid #fb923c;
  padding-left: 14px;
}

.landing-flow-line{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  position:relative;
}

.landing-flow-step{
  border-radius: 22px;
  padding: 18px 14px;
  min-height: 118px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  text-align:center;
}

.landing-flow-step span,
.landing-step-card span{
  width:38px;
  height:38px;
  margin-inline:auto;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg,#ff8a2a,#fb5b0b);
  color:white;
  font-weight:900;
  box-shadow:0 14px 32px rgba(251,91,11,.28);
}

.landing-flow-step strong{
  color:var(--landing-text);
  font-size:.92rem;
}

.landing-inside-carousel{
  border-radius: 30px;
  border:1px solid rgba(148,163,184,.16);
  background: linear-gradient(145deg, rgba(15,23,42,.72), rgba(2,6,23,.78));
  padding: 18px;
  box-shadow: 0 30px 90px rgba(0,0,0,.26);
}

.landing-inside-carousel__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding: 6px 8px 18px;
  color:var(--landing-text);
}

.landing-inside-carousel__actions{
  display:flex;
  gap:10px;
}

.landing-carousel-button{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.22);
  background: rgba(15,23,42,.74);
  color:var(--landing-text);
  cursor:pointer;
  font-size:1.2rem;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.landing-carousel-button:hover{
  transform: translateY(-2px);
  border-color: rgba(251,146,60,.5);
  background: rgba(251,146,60,.13);
}

.landing-inside-track{
  display:grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(330px, 46%);
  gap: 18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding: 4px 4px 12px;
  scrollbar-color: rgba(251,146,60,.7) rgba(15,23,42,.6);
}

.landing-inside-card{
  scroll-snap-align: start;
  border-radius: 24px;
  min-height: 440px;
  display:flex;
  flex-direction:column;
}

.landing-inside-card img{
  width:100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top left;
  display:block;
  border-bottom:1px solid rgba(148,163,184,.15);
}

.landing-inside-card > div{
  padding: 20px;
}

.landing-inside-card span{
  color:#fb923c;
  font-size:.8rem;
  letter-spacing:.16em;
  font-weight:900;
}

.landing-advanced-card{
  border-radius: 24px;
  padding: 26px;
  min-height: 250px;
}

.landing-advanced-card small{
  display:inline-flex;
  margin-top:18px;
  padding:7px 10px;
  border-radius:999px;
  background: rgba(34,197,94,.12);
  color:#86efac;
  border:1px solid rgba(34,197,94,.22);
  font-weight:900;
}

.landing-story-card{
  border-radius: 32px;
  padding: clamp(28px, 5vw, 56px);
  background:
    radial-gradient(circle at 14% 20%, rgba(251,146,60,.18), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(56,189,248,.12), transparent 34%),
    linear-gradient(145deg, rgba(15,23,42,.92), rgba(2,6,23,.78));
}

.landing-story-card h2{
  max-width: 880px;
}

.landing-story-card p{
  max-width: 860px;
  color:var(--landing-muted);
  font-size:1.08rem;
  line-height:1.75;
}

.landing-faq-list{
  display:grid;
  gap:12px;
}

.landing-faq-item{
  border-radius: 18px;
  padding: 0;
}

.landing-faq-item summary{
  cursor:pointer;
  padding: 18px 20px;
  color:var(--landing-text);
  font-weight:900;
  list-style:none;
}

.landing-faq-item summary::-webkit-details-marker{
  display:none;
}

.landing-faq-item summary::after{
  content:'+';
  float:right;
  color:#fb923c;
}

.landing-faq-item[open] summary::after{
  content:'–';
}

.landing-faq-item p{
  margin:0;
  padding: 0 20px 18px;
  color:var(--landing-muted);
  line-height:1.65;
}

@media (max-width: 980px){
  .landing-mini-screen{
    display:none;
  }

  .landing-two-column,
  .landing-two-column--reverse{
    grid-template-columns:1fr;
  }

  .landing-problem-grid,
  .landing-advanced-grid{
    grid-template-columns:1fr;
  }

  .landing-flow-line{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-inside-track{
    grid-auto-columns: minmax(280px, 82%);
  }
}

@media (max-width: 620px){
  .landing-channel-grid,
  .landing-flow-line{
    grid-template-columns:1fr;
  }

  .landing-inside-carousel{
    padding: 12px;
    border-radius:24px;
  }

  .landing-inside-track{
    grid-auto-columns: 88%;
  }

  .landing-inside-card{
    min-height: 380px;
  }

  .landing-inside-carousel__top{
    align-items:flex-start;
  }
}

/* V8.1 - Vídeos demonstrativos na landing */
.landing-system--video{
  position: relative;
  overflow: hidden;
}

.landing-system--video::before{
  content:'';
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(251,146,60,.16), transparent 68%);
  top: 8%;
  left: -180px;
  pointer-events:none;
  filter: blur(6px);
}

.landing-demo-video-grid{
  position:relative;
  display:grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .72fr);
  gap: 22px;
  align-items: stretch;
  margin-top: 34px;
  margin-bottom: 28px;
}

.landing-demo-video-card{
  border-radius: 30px;
  border:1px solid rgba(148,163,184,.16);
  background:
    radial-gradient(circle at var(--plk-x, 50%) var(--plk-y, 0%), rgba(251,146,60,.18), transparent var(--plk-spotlight-size, 270px)),
    linear-gradient(145deg, rgba(15,23,42,.82), rgba(2,6,23,.86));
  box-shadow: 0 28px 90px rgba(0,0,0,.28);
  padding: 18px;
  overflow:hidden;
}

.landing-demo-video-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom: 16px;
  color:var(--landing-text);
}

.landing-demo-video-card__top strong{
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  line-height:1.25;
}

.landing-demo-video-card__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 11px;
  border-radius:999px;
  color:#fed7aa;
  background: rgba(251,146,60,.14);
  border:1px solid rgba(251,146,60,.26);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.landing-demo-video-card p{
  color:var(--landing-muted);
  line-height:1.65;
  margin: 16px 4px 0;
}

.landing-video-frame,
.landing-phone-video-frame{
  position:relative;
  background: rgba(2,6,23,.92);
  border:1px solid rgba(148,163,184,.18);
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
  overflow:hidden;
}

.landing-video-frame--desktop{
  border-radius: 24px;
}

.landing-video-frame__bar{
  border-bottom:1px solid rgba(148,163,184,.12);
  background: rgba(15,23,42,.88);
}

.landing-demo-video{
  display:block;
  width:100%;
  background:#020617;
  outline:none;
}

.landing-demo-video--desktop{
  aspect-ratio:16/9;
  object-fit:cover;
}

.landing-phone-video-frame{
  width:min(100%, 310px);
  margin: 0 auto;
  border-radius: 36px;
  padding: 14px;
  background:
    linear-gradient(145deg, rgba(15,23,42,.92), rgba(2,6,23,.98));
}

.landing-phone-video-frame::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:36px;
  border:1px solid rgba(255,255,255,.12);
  pointer-events:none;
}

.landing-phone-video-frame__notch{
  position:absolute;
  z-index:2;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:72px;
  height:10px;
  border-radius:999px;
  background: rgba(2,6,23,.95);
  box-shadow: inset 0 0 0 1px rgba(148,163,184,.16);
}

.landing-demo-video--mobile{
  border-radius: 26px;
  aspect-ratio:9/16;
  object-fit:cover;
}

.landing-inside-carousel--desktop-only{
  margin-top: 28px;
}

@media (max-width: 980px){
  .landing-demo-video-grid{
    grid-template-columns:1fr;
  }

  .landing-demo-video-card--desktop{
    display:none;
  }

  .landing-phone-video-frame{
    width:min(100%, 360px);
  }

  .landing-inside-carousel--desktop-only{
    display:none;
  }
}

@media (max-width: 620px){
  .landing-system--video::before{
    width:360px;
    height:360px;
    left:-150px;
    top:2%;
  }

  .landing-demo-video-grid{
    margin-top: 22px;
  }

  .landing-demo-video-card{
    border-radius: 24px;
    padding: 14px;
  }

  .landing-demo-video-card__top{
    align-items:flex-start;
    flex-direction:column;
  }

  .landing-demo-video-card__badge{
    font-size:.7rem;
  }

  .landing-phone-video-frame{
    width:min(100%, 320px);
    border-radius: 32px;
    padding: 12px;
  }

  .landing-demo-video--mobile{
    border-radius: 22px;
  }
}


/* =========================================================
   Landing V10.1 - Hero autoral: Central de operação da pizzaria
   Fase visual: não altera backend, leads, WhatsApp, login ou cadastro.
   ========================================================= */
body.landing-body{
  background:
    radial-gradient(circle at 9% 9%, rgba(251,146,60,.12), transparent 28rem),
    radial-gradient(circle at 92% 14%, rgba(14,165,233,.12), transparent 30rem),
    linear-gradient(180deg, #050814 0%, #07101f 42%, #050814 100%);
}

.landing-page{
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 72px 72px;
}

.landing-header{
  background: rgba(4, 8, 18, .70);
  border-bottom-color: rgba(255,255,255,.08);
}

.landing-hero--v10{
  position: relative;
  padding: 92px 0 70px;
  overflow: hidden;
}

.landing-hero--v10::before{
  content:"";
  position:absolute;
  inset: 18px max(20px, calc((100vw - 1220px) / 2)) auto;
  height: min(650px, calc(100% - 38px));
  border:1px solid rgba(255,255,255,.10);
  border-radius: 42px;
  background:
    radial-gradient(circle at 72% 18%, rgba(251,146,60,.22), transparent 23rem),
    radial-gradient(circle at 16% 78%, rgba(56,189,248,.13), transparent 24rem),
    linear-gradient(135deg, rgba(15,23,42,.82), rgba(2,6,23,.92));
  box-shadow: 0 44px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
  z-index: 0;
}

.landing-v10-orbit{
  position:absolute;
  right: -110px;
  top: 42px;
  width: 360px;
  height: 360px;
  border:1px solid rgba(251,146,60,.16);
  border-radius: 50%;
  opacity:.55;
  background: radial-gradient(circle, rgba(251,146,60,.11), transparent 62%);
  filter: blur(.2px);
}

.landing-v10-hero-shell{
  position: relative;
  z-index: 1;
  min-height: 650px;
  display:grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  align-items:center;
  gap: 34px;
}

.landing-v10-wordmark{
  position:absolute;
  left: -12px;
  top: 22px;
  z-index: -1;
  color: rgba(255,255,255,.045);
  font-size: clamp(70px, 13vw, 178px);
  font-weight: 950;
  letter-spacing: -.09em;
  line-height: .78;
  white-space: nowrap;
  user-select:none;
}

.landing-v10-copy{
  padding: 44px 0 42px;
}

.landing-v10-copy .landing-eyebrow{
  color: #fed7aa;
}

.landing-v10-copy h1{
  max-width: 640px;
  font-size: clamp(46px, 6.3vw, 82px);
  line-height: .94;
  letter-spacing: -.075em;
}

.landing-v10-copy .landing-hero__description{
  max-width: 590px;
  margin-top: 24px;
  font-size: 19px;
  line-height: 1.65;
  color: #cbd5e1;
}

.landing-v10-proof-row{
  display:flex;
  flex-wrap:wrap;
  gap: 9px;
  margin-top: 28px;
}

.landing-v10-proof-row span{
  display:inline-flex;
  align-items:center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: #e2e8f0;
  font-size: 12px;
  font-weight: 780;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.landing-v10-stage{
  position:relative;
  min-height: 590px;
  perspective: 1500px;
}

.landing-v10-monitor{
  position:absolute;
  right: 2px;
  top: 44px;
  width: min(780px, 100%);
  border: 1px solid rgba(15,23,42,.12);
  border-radius: 26px;
  overflow:hidden;
  background:#f8fafc;
  box-shadow:
    0 42px 110px rgba(0,0,0,.50),
    0 18px 45px rgba(15,23,42,.36),
    0 0 0 1px rgba(255,255,255,.10) inset;
  transform: rotateX(2.5deg) rotateY(-7deg) rotateZ(.2deg);
  transform-origin: center;
  animation: plkV10MonitorIn .82s cubic-bezier(.2,.85,.2,1) both;
}

.landing-v10-monitor::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(115deg, rgba(255,255,255,.22), transparent 20%, transparent 72%, rgba(251,146,60,.10));
  pointer-events:none;
}

.landing-v10-monitor__bar{
  height: 42px;
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 0 16px;
  background: linear-gradient(180deg, #0f172a, #111827);
  color:#cbd5e1;
  font-size:12px;
}

.landing-v10-monitor__bar span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#fb923c;
  opacity:.85;
}

.landing-v10-monitor__bar span:nth-child(2){ background:#facc15; }
.landing-v10-monitor__bar span:nth-child(3){ background:#22c55e; }
.landing-v10-monitor__bar strong{ margin-left:8px; font-weight:800; letter-spacing:.02em; }

.landing-v10-monitor img{
  display:block;
  width:100%;
  height: auto;
  max-height: 482px;
  object-fit: cover;
  object-position: top center;
}

.landing-v10-phone{
  position:absolute;
  left: 18px;
  bottom: 24px;
  width: min(238px, 34vw);
  aspect-ratio: 9 / 18.8;
  border: 10px solid #0f172a;
  border-radius: 38px;
  overflow:hidden;
  background:#020617;
  box-shadow:
    0 34px 80px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.08) inset;
  transform: rotateZ(-2deg) translateZ(70px);
  animation: plkV10PhoneIn .95s .16s cubic-bezier(.2,.85,.2,1) both;
}

.landing-v10-phone video{
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;
}

.landing-v10-phone__top{
  position:absolute;
  top:8px;
  left:50%;
  z-index:2;
  width:68px;
  height:14px;
  border-radius:999px;
  background:#0f172a;
  transform:translateX(-50%);
}

.landing-v10-status{
  position:absolute;
  z-index:4;
  min-width: 170px;
  padding: 13px 15px;
  border:1px solid rgba(255,255,255,.20);
  border-radius: 18px;
  background: rgba(15,23,42,.74);
  color:#fff;
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 55px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);
  animation: plkV10StatusFloat 6.4s ease-in-out infinite;
}

.landing-v10-status small{
  display:block;
  margin-bottom:4px;
  color:#fdba74;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.landing-v10-status strong{
  display:block;
  font-size:14px;
  letter-spacing:-.02em;
}

.landing-v10-status--one{ right: 34px; top: 18px; animation-delay:.1s; }
.landing-v10-status--two{ left: 86px; top: 98px; animation-delay:.9s; }
.landing-v10-status--three{ right: 6px; bottom: 112px; animation-delay:1.5s; }
.landing-v10-status--four{ left: 260px; bottom: 18px; animation-delay:2.1s; }

.landing-section--v10-intro{
  padding-top: 54px;
}

.landing-section--v10-intro .landing-intro{
  position:relative;
  display:grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 28px;
  align-items:end;
  padding: 42px;
  border:1px solid rgba(255,255,255,.10);
  border-radius: 34px;
  background:
    radial-gradient(circle at 10% 20%, rgba(251,146,60,.12), transparent 22rem),
    linear-gradient(135deg, rgba(15,23,42,.84), rgba(2,6,23,.74));
  box-shadow: 0 26px 90px rgba(0,0,0,.28);
}

.landing-section--v10-intro .landing-intro h2{
  font-size: clamp(32px, 4vw, 54px);
}

.landing-section--v10-intro .landing-intro p:not(.landing-section__eyebrow){
  margin:0;
  font-size: 18px;
  line-height: 1.68;
}

.landing-problem-card,
.landing-feature-card,
.landing-advanced-card,
.landing-step-card,
.landing-faq-item,
.landing-story-card{
  border-color: rgba(255,255,255,.10);
  background: linear-gradient(145deg, rgba(15,23,42,.70), rgba(2,6,23,.58));
}

.landing-problem-card:hover,
.landing-feature-card:hover,
.landing-advanced-card:hover{
  border-color: rgba(251,146,60,.34);
}

.landing-system--video{
  padding-top: 50px;
}

.landing-system--video .landing-section__heading{
  max-width: 820px;
  margin-inline:auto;
  text-align:center;
}

.landing-demo-video-grid{
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .58fr);
  align-items:stretch;
  gap: 26px;
}

.landing-demo-video-card{
  border-radius: 34px;
  background: linear-gradient(145deg, rgba(15,23,42,.82), rgba(2,6,23,.72));
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 30px 90px rgba(0,0,0,.32);
}

.landing-video-frame{
  border-radius: 26px;
  overflow:hidden;
  box-shadow: 0 25px 75px rgba(0,0,0,.42);
}

.landing-video-frame--desktop .landing-demo-video--desktop{
  aspect-ratio: 16/9;
  object-fit: cover;
}

.landing-phone-video-frame{
  margin-inline:auto;
  max-width: 290px;
  box-shadow: 0 34px 90px rgba(0,0,0,.45);
}

.landing-inside-carousel,
.landing-inside-carousel--desktop-only{
  display:none !important;
}

.landing-trial{
  background: radial-gradient(circle at 20% 20%, rgba(251,146,60,.10), transparent 28rem);
}

.landing-signup-preview{
  box-shadow:
    0 35px 100px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset;
}

@keyframes plkV10MonitorIn{
  from{ opacity:0; transform: rotateX(5deg) rotateY(-12deg) rotateZ(-1deg) translate3d(45px, 30px, 0) scale(.95); filter: blur(10px); }
  to{ opacity:1; transform: rotateX(2.5deg) rotateY(-7deg) rotateZ(.2deg) translate3d(0,0,0) scale(1); filter: blur(0); }
}

@keyframes plkV10PhoneIn{
  from{ opacity:0; transform: rotateZ(-7deg) translate3d(-35px, 36px, 0) scale(.92); filter: blur(10px); }
  to{ opacity:1; transform: rotateZ(-2deg) translate3d(0,0,70px) scale(1); filter: blur(0); }
}

@keyframes plkV10StatusFloat{
  0%,100%{ transform: translate3d(0,0,0); }
  50%{ transform: translate3d(0,-8px,0); }
}

@media (max-width: 980px){
  .landing-hero--v10{ padding: 34px 0 44px; }
  .landing-hero--v10::before{ inset: 10px 10px auto; height: calc(100% - 20px); border-radius: 28px; }
  .landing-v10-hero-shell{ min-height: auto; grid-template-columns: 1fr; gap: 28px; padding-top: 28px; padding-bottom: 28px; }
  .landing-v10-copy{ padding: 18px 0 0; }
  .landing-v10-copy h1{ font-size: clamp(40px, 11vw, 64px); }
  .landing-v10-stage{ min-height: 520px; }
  .landing-v10-monitor{ position: relative; top:auto; right:auto; width: 100%; transform: none; animation:none; border-radius: 22px; }
  .landing-v10-monitor img{ max-height: 360px; }
  .landing-v10-phone{ width: min(190px, 40vw); left: 20px; bottom: -8px; }
  .landing-v10-status{ min-width: 145px; padding: 11px 12px; }
  .landing-v10-status--one{ right: 12px; top: -14px; }
  .landing-v10-status--two{ left: 16px; top: 135px; }
  .landing-v10-status--three{ right: 8px; bottom: 112px; }
  .landing-v10-status--four{ left: 210px; bottom: 8px; }
  .landing-section--v10-intro .landing-intro{ grid-template-columns:1fr; padding: 30px; }
  .landing-demo-video-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 640px){
  .landing-container{ width: min(100% - 28px, 1180px); }
  .landing-header__inner{ min-height: 66px; }
  .landing-nav{ display:none; }
  .landing-header__actions .landing-button--ghost{ display:none; }
  .landing-header__actions .landing-button--primary{ min-height: 40px; padding: 9px 12px; font-size: 12px; }
  .landing-v10-wordmark{ top: 18px; font-size: 64px; }
  .landing-v10-copy .landing-hero__description{ font-size: 16px; line-height:1.55; }
  .landing-v10-proof-row span{ font-size: 11px; }
  .landing-v10-stage{ min-height: 440px; }
  .landing-v10-monitor img{ max-height: 250px; }
  .landing-v10-phone{ width: 126px; border-width: 7px; border-radius: 28px; left: 12px; bottom: 18px; }
  .landing-v10-status{ min-width: 118px; border-radius: 14px; }
  .landing-v10-status small{ font-size: 9px; }
  .landing-v10-status strong{ font-size: 11px; }
  .landing-v10-status--one{ right: 2px; top: -12px; }
  .landing-v10-status--two{ left: 10px; top: 110px; }
  .landing-v10-status--three{ right: 4px; bottom: 78px; }
  .landing-v10-status--four{ display:none; }
  .landing-section--v10-intro .landing-intro{ padding: 24px; border-radius: 24px; }
  .landing-section--v10-intro .landing-intro h2{ font-size: 30px; }
  .landing-section--v10-intro .landing-intro p:not(.landing-section__eyebrow){ font-size: 15px; }
  .landing-demo-video-card{ border-radius: 24px; }
  .landing-demo-video-card--desktop{ display:none; }
  .landing-phone-video-frame{ max-width: 260px; }
}

@media (prefers-reduced-motion: reduce){
  .landing-v10-monitor,
  .landing-v10-phone,
  .landing-v10-status{
    animation:none !important;
  }
}


/* ==========================================================
   Landing V10.2 - composição autoral
   Visual somente. Backend, leads, cookies e WhatsApp preservados.
   ========================================================== */
.landing-page--v102{
  background:
    radial-gradient(circle at 6% 12%, rgba(251, 146, 60, .18), transparent 30rem),
    radial-gradient(circle at 92% 6%, rgba(56, 189, 248, .14), transparent 34rem),
    linear-gradient(180deg, #030712 0%, #050b18 48%, #040812 100%);
}

.plk-v102-hero{
  position: relative;
  padding: 82px 0 86px;
  overflow: hidden;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.plk-v102-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 7, 18, .96) 0%, rgba(3, 7, 18, .70) 38%, rgba(3, 7, 18, .20) 100%),
    radial-gradient(circle at 72% 28%, rgba(251, 146, 60, .13), transparent 30rem);
  pointer-events: none;
}

.plk-v102-hero__grid{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(620px, 1.18fr);
  align-items: center;
  gap: 42px;
}

.plk-v102-hero__copy{
  max-width: 560px;
  padding: 38px 0;
}

.plk-v102-kicker{
  margin: 0 0 14px;
  color: #fdba74;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.plk-v102-hero h1{
  margin: 0;
  max-width: 620px;
  color: #fff;
  font-size: clamp(46px, 6vw, 86px);
  line-height: .92;
  letter-spacing: -.075em;
}

.plk-v102-lead{
  margin: 24px 0 0;
  color: #cbd5e1;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.65;
  max-width: 590px;
}

.plk-v102-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.plk-v102-trust-strip{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.plk-v102-trust-strip span{
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(15, 23, 42, .54);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  font-size: 13px;
}

.plk-v102-trust-strip strong{ color: #fff; }

.plk-v102-hero__visual{
  position: relative;
  min-width: 0;
  transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
  transform-origin: center;
  filter: drop-shadow(0 38px 80px rgba(0,0,0,.42));
}

.plk-v102-hero__visual::after{
  content: "";
  position: absolute;
  inset: 12% 8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(251, 146, 60, .22), transparent 60%);
  filter: blur(34px);
  z-index: -1;
}

.plk-v102-hero__visual img{
  display: block;
  width: min(920px, 100%);
  max-width: none;
  height: auto;
  border-radius: 34px;
  border: 1px solid rgba(255,255,255,.11);
}

.plk-v102-section{
  position: relative;
  padding: 96px 0;
  border-bottom: 1px solid rgba(148, 163, 184, .10);
}

.plk-v102-section-copy h2,
.plk-v102-demo-head h2{
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 3.4vw, 54px);
  line-height: 1;
  letter-spacing: -.055em;
}

.plk-v102-section-copy p,
.plk-v102-demo-head p{
  color: #b8c4d8;
  font-size: 17px;
  line-height: 1.65;
}

.plk-v102-flow{
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 48px;
  align-items: center;
}

.plk-v102-flow-board{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.plk-v102-flow-board article,
.plk-v102-bento article,
.plk-v102-step-line article{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 24px;
  padding: 22px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .86), rgba(8, 13, 25, .90));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.plk-v102-flow-board article::before,
.plk-v102-bento article::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 0%, rgba(251, 146, 60, .17), transparent 50%);
  opacity: .8;
  pointer-events: none;
}

.plk-v102-flow-board span,
.plk-v102-step-line span{
  position: relative;
  display: inline-flex;
  color: #fb923c;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .16em;
}

.plk-v102-flow-board strong,
.plk-v102-bento strong,
.plk-v102-step-line strong{
  position: relative;
  display: block;
  margin-top: 26px;
  color: #fff;
  font-size: 20px;
  letter-spacing: -.025em;
}

.plk-v102-flow-board p,
.plk-v102-bento p,
.plk-v102-step-line p{
  position: relative;
  color: #aebbd0;
  line-height: 1.55;
}

.plk-v102-split-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  align-items: center;
  gap: 54px;
}

.plk-v102-split-grid--reverse{
  grid-template-columns: minmax(0, .9fr) minmax(0, .72fr);
}

.plk-v102-browser-frame{
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0,0,0,.36);
}

.plk-v102-browser-frame img{
  display: block;
  width: 100%;
  height: auto;
}

.plk-v102-browser-bar{
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  background: #0f172a;
  color: #cbd5e1;
}

.plk-v102-browser-bar span{
  width: 10px; height: 10px; border-radius: 999px; background: #fb923c;
}
.plk-v102-browser-bar span:nth-child(2){ background:#facc15; }
.plk-v102-browser-bar span:nth-child(3){ background:#22c55e; }
.plk-v102-browser-bar strong{ margin-left: 8px; font-size: 12px; }

.plk-v102-tags,
.plk-v102-mini-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.plk-v102-tags span,
.plk-v102-mini-list span{
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(251, 146, 60, .35);
  color: #fed7aa;
  background: rgba(251, 146, 60, .10);
  font-weight: 800;
  font-size: 13px;
}

.plk-v102-demo-head{
  max-width: 820px;
  margin-bottom: 34px;
}

.plk-v102-video-grid{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 24px;
  align-items: start;
}

.plk-v102-video-card{
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .20);
  border-radius: 30px;
  background: rgba(15, 23, 42, .88);
  box-shadow: 0 30px 86px rgba(0,0,0,.36);
}

.plk-v102-video-card video{
  display: block;
  width: 100%;
  height: auto;
  background: #030712;
}

.plk-v102-video-card--desktop video{ aspect-ratio: 16/9; object-fit: cover; }
.plk-v102-video-card--mobile{ max-width: 360px; justify-self: end; }
.plk-v102-video-card--mobile video{ aspect-ratio: 9/16; object-fit: cover; }

.plk-v102-video-label{
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 2;
  border: 1px solid rgba(251, 146, 60, .45);
  border-radius: 999px;
  padding: 8px 12px;
  color: #fff;
  background: rgba(3, 7, 18, .78);
  backdrop-filter: blur(12px);
  font-size: 12px;
  font-weight: 900;
}

.plk-v102-dark-card{
  background: radial-gradient(circle at 72% 18%, rgba(34,197,94,.10), transparent 30rem);
}

.plk-v102-phone-showcase{
  justify-self: center;
  width: min(330px, 100%);
  padding: 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 48px;
  background: #0b1220;
  box-shadow: 0 32px 90px rgba(0,0,0,.42);
}

.plk-v102-phone-showcase video{
  display:block;
  width:100%;
  border-radius: 34px;
  aspect-ratio: 9/16;
  object-fit: cover;
}

.plk-v102-how{
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 36px;
  align-items: start;
}

.plk-v102-step-line{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.plk-v102-bento{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.plk-v102-bento article:nth-child(1),
.plk-v102-bento article:nth-child(4){
  grid-column: span 2;
}

.plk-v102-bento span{
  position: relative;
  font-size: 24px;
}

.plk-v102-trial{
  background:
    radial-gradient(circle at 20% 20%, rgba(251, 146, 60, .16), transparent 30rem),
    linear-gradient(180deg, rgba(15,23,42,.42), rgba(3,7,18,.36));
}

.plk-v102-trial-grid{
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(360px, .72fr);
  gap: 48px;
  align-items: start;
}

.plk-v102-form-shell .landing-signup-preview{
  margin: 0;
}

.plk-v102-checks{
  margin: 24px 0 0;
  padding: 0;
  display: grid;
  gap: 12px;
  list-style: none;
  color: #dbeafe;
}

.plk-v102-checks li{
  padding-left: 30px;
  position: relative;
}

.plk-v102-checks li::before{
  content: "✓";
  position: absolute;
  left: 0; top: 0;
  color: #22c55e;
  font-weight: 900;
}

.plk-v102-final{
  background: radial-gradient(circle at 50% 100%, rgba(251, 146, 60, .20), transparent 28rem);
}

@media (max-width: 1100px){
  .plk-v102-hero__grid,
  .plk-v102-flow,
  .plk-v102-split-grid,
  .plk-v102-split-grid--reverse,
  .plk-v102-how,
  .plk-v102-trial-grid{
    grid-template-columns: 1fr;
  }
  .plk-v102-hero__visual{
    transform: none;
  }
  .plk-v102-video-grid{
    grid-template-columns: 1fr;
  }
  .plk-v102-video-card--mobile{
    justify-self: center;
  }
}

@media (max-width: 760px){
  .plk-v102-hero{
    padding: 54px 0 64px;
  }
  .plk-v102-hero h1{
    font-size: clamp(42px, 13vw, 62px);
  }
  .plk-v102-hero__copy{
    padding: 0;
  }
  .plk-v102-hero__visual img{
    width: 100%;
    border-radius: 22px;
  }
  .plk-v102-flow-board,
  .plk-v102-step-line,
  .plk-v102-bento{
    grid-template-columns: 1fr;
  }
  .plk-v102-bento article:nth-child(1),
  .plk-v102-bento article:nth-child(4){
    grid-column: auto;
  }
  .plk-v102-section{
    padding: 70px 0;
  }
  .plk-v102-video-card--desktop{
    display:none;
  }
  .plk-v102-video-card--mobile{
    width: min(330px, 100%);
  }
  .plk-v102-actions{
    flex-direction: column;
  }
  .plk-v102-actions .landing-button{
    width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference){
  .landing-header .landing-brand__logo{
    animation: landingBrandLogoFloat 5.6s ease-in-out infinite;
  }

  .landing-header .landing-brand:hover .landing-brand__logo{
    animation-play-state: paused;
    transform: translateY(-1px) scale(1.035);
  }

  .plk-v102-hero__visual{
    animation: plkV102Float 7s ease-in-out infinite;
  }
  .plk-v102-flow-board article,
  .plk-v102-bento article,
  .plk-v102-video-card,
  .plk-v102-browser-frame,
  .plk-v102-phone-showcase{
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
  .plk-v102-flow-board article:hover,
  .plk-v102-bento article:hover,
  .plk-v102-video-card:hover,
  .plk-v102-browser-frame:hover,
  .plk-v102-phone-showcase:hover{
    transform: translateY(-5px);
    border-color: rgba(251, 146, 60, .34);
    box-shadow: 0 26px 72px rgba(0,0,0,.32);
  }
}

@keyframes landingBrandLogoFloat{
  0%, 100%{
    transform: translateY(0) scale(1);
  }
  50%{
    transform: translateY(-3px) scale(1.025);
  }
}

@keyframes plkV102Float{
  0%,100%{ transform: perspective(1200px) rotateY(-5deg) rotateX(2deg) translateY(0); }
  50%{ transform: perspective(1200px) rotateY(-5deg) rotateX(2deg) translateY(-10px); }
}

@media (max-width: 1100px){
  @keyframes plkV102Float{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-7px); }
  }
}