/* DN_HOME_REFINE_V1_20260423
   Ajustes finos:
   - reduz queda entre sample e how it works
   - suaviza a transição visual do bloco claro
   - dá mais presença ao pricing
*/

@media (min-width: 981px){
  .dn-proof{
    padding-bottom: 72px !important;
  }

  .s-upload{
    padding-top: 72px !important;
  }
}

@media (max-width: 980px){
  .dn-proof{
    padding-bottom: 56px !important;
  }

  .s-upload{
    padding-top: 56px !important;
  }
}

/* suaviza a quebra do bloco claro */
.who{
  background: linear-gradient(180deg, #dce5f4 0%, #d6dfef 100%) !important;
}

.who-card{
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(15,24,55,.10) !important;
  box-shadow: 0 14px 32px rgba(12,18,40,.12) !important;
}

.who-list .item{
  border-bottom: 1px solid rgba(11,16,32,.12) !important;
}

/* pricing com mais presença e menos cara de bloco genérico */
.pricing{
  background: linear-gradient(180deg, #f4f7fb 0%, #eef2f8 100%) !important;
}

.pricing h2{
  font-size: 40px !important;
  margin-bottom: 28px !important;
}

.p-main{
  background: linear-gradient(180deg, #e7edff 0%, #d6e0ff 100%) !important;
  border: 1px solid rgba(79,108,255,.24) !important;
  box-shadow: 0 24px 56px rgba(12,18,40,.16) !important;
}

.p-main .price{
  font-size: 80px !important;
}

.p-main .p-btn{
  height: 42px !important;
  padding: 0 20px !important;
  box-shadow: 0 14px 28px rgba(11,16,32,.16) !important;
}

.p-card{
  background: #f8f9fc !important;
  border: 1px solid rgba(15,24,55,.08) !important;
  box-shadow: 0 18px 34px rgba(12,18,40,.10) !important;
}

.pricing-note{
  max-width: 680px !important;
  margin: 18px auto 0 !important;
}

.faq{
  background: #f7f8fb !important;
}

@media (max-width: 980px){
  .pricing h2{
    font-size: 34px !important;
  }

  .p-main .price{
    font-size: 72px !important;
  }
}

/* DN_WHO_DARK_REFINE_V1_20260423 */
.who{
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(70,98,255,.10) 0%, rgba(70,98,255,0) 55%),
    linear-gradient(180deg, #0a0f22 0%, #0d132b 100%) !important;
  color: #eef2ff !important;
}

.who .eyebrow,
.who .sec-kicker,
.who .kicker,
.who .overline{
  color: #7f96ff !important;
  letter-spacing: .12em !important;
  opacity: .95 !important;
}

.who h2,
.who .sec-title{
  color: #ffffff !important;
}

.who p,
.who .muted,
.who .sec-desc{
  color: rgba(233,239,255,.78) !important;
}

.who-card{
  background: linear-gradient(180deg, rgba(20,29,58,.88) 0%, rgba(16,24,49,.92) 100%) !important;
  border: 1px solid rgba(126,150,255,.18) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(6px) !important;
}

.who-card b,
.who-card strong,
.who-card h3{
  color: #ffffff !important;
}

.who-card p,
.who-card .muted,
.who-card small{
  color: rgba(233,239,255,.76) !important;
}

.who-card img,
.who-card svg,
.who-card .icon{
  filter: saturate(1.05) brightness(1.06) !important;
}

.who-list .item{
  border-bottom: 1px solid rgba(126,150,255,.16) !important;
}

.who-list .item b,
.who-list .item strong{
  color: #ffffff !important;
}

.who-list .item,
.who-list .item p{
  color: rgba(233,239,255,.78) !important;
}

@media (max-width: 980px){
  .who-card{
    box-shadow:
      0 12px 26px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,255,255,.04) !important;
  }
}


/* DN_PATCH_HOME_VISUAL_OPEN_SECTIONS_V1
   - abre how it works e reveals
   - reduz sensação de boxes
   - adiciona halos de iluminação por seção
   - aumenta glow dos cards da seção who
*/

.s-upload,
.s-reveals,
.who{
  position: relative;
  overflow: hidden;
}

.s-upload::before,
.s-reveals::before,
.who::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.s-upload > .wrap,
.s-reveals > .wrap,
.who > .wrap{
  position: relative;
  z-index: 1;
}

/* HOW IT WORKS */
.s-upload{
  background:
    radial-gradient(900px 420px at 78% 38%, rgba(86,120,255,.16) 0%, rgba(86,120,255,0) 62%),
    radial-gradient(720px 340px at 18% 18%, rgba(86,120,255,.08) 0%, rgba(86,120,255,0) 62%),
    linear-gradient(180deg, transparent 0%, transparent 100%) !important;
}

.s-upload::before{
  background:
    radial-gradient(560px 560px at 73% 42%, rgba(120,170,255,.11) 0%, rgba(120,170,255,0) 60%),
    linear-gradient(90deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 24%);
  opacity: .95;
}

.s-upload .upload-grid{
  align-items: center !important;
}

.s-upload .upload-copy{
  padding-left: 26px !important;
}

.s-upload .upload-copy::before{
  width: 1px !important;
  background: linear-gradient(180deg, rgba(106,132,255,.45) 0%, rgba(106,132,255,.15) 100%) !important;
  box-shadow: 0 0 18px rgba(106,132,255,.18) !important;
}

.s-upload .upload-heading{
  max-width: 10ch;
}

.s-upload .upload-lead{
  max-width: 540px;
  color: rgba(234,240,255,.76) !important;
}

.s-upload .upload-stack{
  display: grid;
  gap: 0 !important;
  max-width: 560px;
}

.s-upload .upload-item{
  padding: 16px 0 18px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.s-upload .upload-item:last-child{
  border-bottom: 0 !important;
}

.s-upload .upload-item .kicker{
  margin-bottom: 8px !important;
}

.s-upload .upload-line{
  color: rgba(234,240,255,.74) !important;
}

.s-upload .upload-visual{
  position: relative;
}

.s-upload .upload-visual::before{
  content: "";
  position: absolute;
  inset: 8% -2% 8% 12%;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(111,150,255,.16) 0%, rgba(111,150,255,0) 64%);
  filter: blur(26px);
  pointer-events: none;
}

.s-upload .upload-figure{
  filter:
    drop-shadow(0 24px 64px rgba(0,0,0,.42))
    drop-shadow(0 0 26px rgba(96,120,255,.14)) !important;
}

/* REVEALS */
.s-reveals{
  background:
    radial-gradient(860px 480px at 22% 48%, rgba(86,120,255,.12) 0%, rgba(86,120,255,0) 62%),
    linear-gradient(180deg, transparent 0%, transparent 100%) !important;
}

.s-reveals::before{
  background:
    radial-gradient(520px 520px at 24% 50%, rgba(122,170,255,.10) 0%, rgba(122,170,255,0) 62%);
}

.s-reveals .reveal-grid{
  align-items: center !important;
}

.s-reveals .reveal-copy{
  max-width: 560px !important;
}

.s-reveals .reveal-copy h2{
  max-width: 12ch;
}

.s-reveals .reveal-item{
  padding: 18px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.s-reveals .reveal-title{
  font-size: 15px !important;
  margin-bottom: 8px !important;
}

.s-reveals .reveal-text{
  color: rgba(234,240,255,.74) !important;
}

.s-reveals .reveal-visual{
  position: relative;
}

.s-reveals .reveal-visual::before{
  content: "";
  position: absolute;
  inset: 8% 10% 8% -4%;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(111,150,255,.14) 0%, rgba(111,150,255,0) 64%);
  filter: blur(28px);
  pointer-events: none;
}

.s-reveals .reveal-figure{
  filter:
    drop-shadow(0 24px 64px rgba(0,0,0,.42))
    drop-shadow(0 0 22px rgba(96,120,255,.12)) !important;
}

/* WHO / BEST FOR DECKS */
.who{
  background:
    radial-gradient(820px 420px at 14% 10%, rgba(86,120,255,.18) 0%, rgba(86,120,255,0) 62%),
    radial-gradient(620px 320px at 28% 54%, rgba(86,120,255,.12) 0%, rgba(86,120,255,0) 66%),
    linear-gradient(180deg, #070d1f 0%, #0a1024 100%) !important;
}

.who::before{
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 20%);
}

.who h2{
  max-width: 13ch;
}

.who-grid{
  align-items: start !important;
  gap: 54px !important;
}

.who-cards{
  position: relative;
}

.who-cards::before{
  content: "";
  position: absolute;
  inset: -8% 6% -8% -6%;
  border-radius: 999px;
  background: radial-gradient(circle at 32% 38%, rgba(104,136,255,.16) 0%, rgba(104,136,255,0) 62%);
  filter: blur(30px);
  pointer-events: none;
}

.who-card{
  border: 1px solid rgba(126,150,255,.22) !important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 34px rgba(86,120,255,.16) !important;
}

.who-card:hover{
  border-color: rgba(126,150,255,.28) !important;
  box-shadow:
    0 24px 56px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.03) inset,
    0 0 44px rgba(86,120,255,.20) !important;
}

.who-list{
  padding-top: 8px;
}

.who-list .item{
  padding-bottom: 22px !important;
  margin-bottom: 22px !important;
  border-bottom: 1px solid rgba(126,150,255,.16) !important;
}

.who-list .item:last-child{
  margin-bottom: 0 !important;
}

@media (max-width: 980px){
  .s-upload,
  .s-reveals,
  .who{
    background-position: center center !important;
  }

  .s-upload .upload-copy,
  .s-reveals .reveal-copy{
    padding-left: 0 !important;
  }

  .s-upload .upload-copy::before{
    display: none !important;
  }

  .who-grid{
    gap: 32px !important;
  }
}


/* DN_PATCH_HOME_SAMPLE_UPLOAD_SEAM_V1
   remove a faixa entre sample-output e how it works
   e sobrepõe levemente a seção seguinte para matar o seam
*/

#sample-output,
.s-upload{
  position: relative;
}

#sample-output{
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#sample-output::after{
  box-shadow: none !important;
  border: 0 !important;
}

#sample-output + .s-upload{
  margin-top: -18px !important;
  padding-top: calc(clamp(84px, 9vw, 120px) + 18px) !important;
  border-top: 0 !important;
  box-shadow: none !important;
  z-index: 2;
}

@media (max-width: 980px){
  #sample-output + .s-upload{
    margin-top: -12px !important;
    padding-top: calc(clamp(72px, 10vw, 96px) + 12px) !important;
  }
}

/* DN_SAMPLE_MICROADJUST_V1_20260424
   Microajuste do sample/proof:
   - aumenta a folha
   - sobe o mockup
   - reduz padding interno do painel
   Escopo propositalmente restrito a blocos com sample/proof/report.
*/

@media (min-width: 900px) {
  section[class*="sample" i],
  section[class*="proof" i],
  section[id*="sample" i],
  section[id*="proof" i] {
    --dn-sample-lift: -18px;
  }

  section[class*="sample" i] :is(.panel, .card, .sample-panel, .sample-card, .proof-panel, .proof-card, [class*="panel" i], [class*="card" i]),
  section[class*="proof" i] :is(.panel, .card, .sample-panel, .sample-card, .proof-panel, .proof-card, [class*="panel" i], [class*="card" i]),
  section[id*="sample" i] :is(.panel, .card, .sample-panel, .sample-card, .proof-panel, .proof-card, [class*="panel" i], [class*="card" i]),
  section[id*="proof" i] :is(.panel, .card, .sample-panel, .sample-card, .proof-panel, .proof-card, [class*="panel" i], [class*="card" i]) {
    padding: clamp(22px, 2.4vw, 34px);
  }

  section[class*="sample" i] :is(img, .sheet, .page, .paper, .sample-sheet, .sample-page, .sample-paper, .report-sheet, .report-page, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]),
  section[class*="proof" i] :is(img, .sheet, .page, .paper, .sample-sheet, .sample-page, .sample-paper, .report-sheet, .report-page, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]),
  section[id*="sample" i] :is(img, .sheet, .page, .paper, .sample-sheet, .sample-page, .sample-paper, .report-sheet, .report-page, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]),
  section[id*="proof" i] :is(img, .sheet, .page, .paper, .sample-sheet, .sample-page, .sample-paper, .report-sheet, .report-page, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]) {
    transform: translateY(var(--dn-sample-lift)) scale(1.08);
    transform-origin: center top;
  }
}

@media (max-width: 899px) {
  section[class*="sample" i] :is(.panel, .card, [class*="panel" i], [class*="card" i]),
  section[class*="proof" i] :is(.panel, .card, [class*="panel" i], [class*="card" i]),
  section[id*="sample" i] :is(.panel, .card, [class*="panel" i], [class*="card" i]),
  section[id*="proof" i] :is(.panel, .card, [class*="panel" i], [class*="card" i]) {
    padding: 18px;
  }

  section[class*="sample" i] :is(img, .sheet, .page, .paper, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]),
  section[class*="proof" i] :is(img, .sheet, .page, .paper, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]),
  section[id*="sample" i] :is(img, .sheet, .page, .paper, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]),
  section[id*="proof" i] :is(img, .sheet, .page, .paper, [class*="sheet" i], [class*="page" i], [class*="paper" i], [class*="report" i]) {
    transform: translateY(-10px) scale(1.04);
    transform-origin: center top;
  }
}

/* DN_ROLLBACK_HOME_HERO_BIGGER_V1_20260424 */

/* DN_ENLARGE_HOME_UPLOAD_FIGURE_V1_20260508 */
@media (min-width: 1100px) {
  img.upload-figure {
    max-width: 720px !important;
    width: 100% !important;
  }
}

/* DN_FORCE_ENLARGE_UPLOAD_FIGURE_V2_20260508
   Make the How it works visual read bigger on desktop without touching the frozen hero.
*/
@media (min-width: 1100px) {
  img.upload-figure[src*="hero-pitch-deck-audit"] {
    width: clamp(820px, 50vw, 980px) !important;
    max-width: none !important;
    min-width: 820px !important;
    display: block !important;
    transform: translateX(-48px) scale(1.08) !important;
    transform-origin: center center !important;
  }
}

@media (min-width: 1400px) {
  img.upload-figure[src*="hero-pitch-deck-audit"] {
    width: clamp(900px, 52vw, 1080px) !important;
    min-width: 900px !important;
    transform: translateX(-72px) scale(1.1) !important;
  }
}

/* DN_FIX_UPLOAD_FIGURE_MOBILE_V1_20260508
   Keep the new How it works visual controlled on mobile.
   Desktop enlargement rules remain untouched.
*/
@media (max-width: 767px) {
  img.upload-figure[src*="hero-pitch-deck-audit"] {
    width: 118% !important;
    max-width: 118% !important;
    min-width: 0 !important;
    height: auto !important;
    display: block !important;
    margin: -18px auto 18px auto !important;
    transform: translateX(-7%) !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

@media (max-width: 420px) {
  img.upload-figure[src*="hero-pitch-deck-audit"] {
    width: 112% !important;
    max-width: 112% !important;
    margin-top: -8px !important;
    margin-bottom: 16px !important;
    transform: translateX(-6%) !important;
  }
}

/* DN_NUDGE_UPLOAD_FIGURE_MOBILE_DOWN_V1_20260508
   Move the How it works visual slightly down on mobile so it sits inside its own section.
*/
@media (max-width: 767px) {
  img.upload-figure[src*="hero-pitch-deck-audit"] {
    margin-top: 22px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 420px) {
  img.upload-figure[src*="hero-pitch-deck-audit"] {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
}

/* DN_SPACE_UPLOAD_REVEALS_OVERFLOW_V1_20260508
   Give sections 2 and 3 more breathing room on desktop.
   Let the visuals scale up and bleed outside the grid to improve readability.
*/
@media (min-width: 1100px) {
  #upload, .s-upload,
  #reveals, .s-reveals,
  #upload > .wrap, .s-upload > .wrap,
  #reveals > .wrap, .s-reveals > .wrap {
    overflow: visible !important;
  }

  #upload, .s-upload {
    padding-top: 120px !important;
    padding-bottom: 132px !important;
  }

  #reveals, .s-reveals {
    padding-top: 132px !important;
    padding-bottom: 144px !important;
  }

  #upload .upload-grid, .s-upload .upload-grid {
    grid-template-columns: minmax(360px, 470px) minmax(640px, 1fr) !important;
    gap: 76px !important;
    align-items: center !important;
  }

  #upload .upload-copy, .s-upload .upload-copy {
    max-width: 470px !important;
    position: relative;
    z-index: 3;
  }

  #upload .upload-visual, .s-upload .upload-visual {
    justify-self: end !important;
    overflow: visible !important;
    position: relative !important;
  }

  #upload .upload-figure, .s-upload .upload-figure {
    width: clamp(780px, 51vw, 1080px) !important;
    max-width: none !important;
    min-width: 780px !important;
    display: block !important;
    transform: translateX(96px) !important;
    transform-origin: center center !important;
  }

  #reveals .reveal-grid, .s-reveals .reveal-grid {
    grid-template-columns: minmax(620px, 1fr) minmax(360px, 470px) !important;
    gap: 88px !important;
    align-items: center !important;
  }

  #reveals .reveal-visual, .s-reveals .reveal-visual {
    justify-self: start !important;
    overflow: visible !important;
    position: relative !important;
  }

  #reveals .reveal-figure, .s-reveals .reveal-figure {
    width: clamp(720px, 49vw, 1040px) !important;
    max-width: none !important;
    min-width: 720px !important;
    display: block !important;
    transform: translateX(-122px) !important;
    transform-origin: center center !important;
  }

  #reveals .reveal-copy, .s-reveals .reveal-copy {
    max-width: 470px !important;
    position: relative;
    z-index: 3;
  }

  #reveals .reveal-copy > h2, .s-reveals .reveal-copy > h2 {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 1440px) {
  #upload, .s-upload {
    padding-top: 132px !important;
    padding-bottom: 144px !important;
  }

  #reveals, .s-reveals {
    padding-top: 144px !important;
    padding-bottom: 156px !important;
  }

  #upload .upload-figure, .s-upload .upload-figure {
    width: clamp(860px, 52vw, 1160px) !important;
    min-width: 860px !important;
    transform: translateX(122px) !important;
  }

  #reveals .reveal-figure, .s-reveals .reveal-figure {
    width: clamp(820px, 50vw, 1120px) !important;
    min-width: 820px !important;
    transform: translateX(-146px) !important;
  }
}

/* DN_PUSH_REVEAL_FIGURE_LEFT_V1_20260508
   Push reveals image further left and give text more breathing room.
*/
@media (min-width: 1100px) {
  #reveals, .s-reveals,
  #reveals > .wrap, .s-reveals > .wrap {
    overflow: visible !important;
  }

  #reveals, .s-reveals {
    padding-top: 148px !important;
    padding-bottom: 156px !important;
  }

  #reveals .reveal-grid, .s-reveals .reveal-grid {
    grid-template-columns: minmax(760px, 1fr) minmax(360px, 430px) !important;
    gap: 56px !important;
    align-items: center !important;
    overflow: visible !important;
  }

  #reveals .reveal-visual, .s-reveals .reveal-visual {
    justify-self: start !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #reveals .reveal-figure, .s-reveals .reveal-figure {
    width: clamp(940px, 60vw, 1280px) !important;
    max-width: none !important;
    min-width: 940px !important;
    display: block !important;
    transform: translateX(-235px) !important;
    transform-origin: center center !important;
  }

  #reveals .reveal-copy, .s-reveals .reveal-copy {
    max-width: 430px !important;
    position: relative !important;
    z-index: 3 !important;
  }

  #reveals .reveal-copy > h2, .s-reveals .reveal-copy > h2 {
    margin-bottom: 34px !important;
  }
}

@media (min-width: 1440px) {
  #reveals, .s-reveals {
    padding-top: 160px !important;
    padding-bottom: 168px !important;
  }

  #reveals .reveal-grid, .s-reveals .reveal-grid {
    grid-template-columns: minmax(840px, 1fr) minmax(360px, 430px) !important;
    gap: 52px !important;
  }

  #reveals .reveal-figure, .s-reveals .reveal-figure {
    width: clamp(1040px, 62vw, 1380px) !important;
    min-width: 1040px !important;
    transform: translateX(-310px) !important;
  }
}