@font-face{font-family:'Archivo Black';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/archivo-black.woff2) format('woff2')}
@font-face{font-family:'Hind';font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/hind-400.woff2) format('woff2')}
@font-face{font-family:'Hind';font-weight:500;font-style:normal;font-display:swap;src:url(assets/fonts/hind-500.woff2) format('woff2')}
@font-face{font-family:'Hind';font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/hind-600.woff2) format('woff2')}
@font-face{font-family:'Hind';font-weight:700;font-style:normal;font-display:swap;src:url(assets/fonts/hind-700.woff2) format('woff2')}

/*
  Paleta: estádio à noite (verdes escuros), gramado, giz das linhas do campo,
  cartão amarelo (botões e destaques) e filamento laranja (impressão 3D).
  Cores em hex/rgba para funcionar nos navegadores internos de celulares mais antigos.
*/
:root{
  --font-sans:'Hind',sans-serif;
  --font-display:'Archivo Black',sans-serif;
  --night:#04130c;
  --night-card:#0b2418;
  --pitch-dark:#0a2e1c;
  --pitch-dark-2:#0c3421;
  --grass:#0b6a36;
  --grass-2:#0a5f30;
  --grass-deep:#0a6331;
  --grass-bright:#22c55e;
  --chalk:#ffffff;
  --paper:#f1f3e8;
  --ink:#0b1a12;
  --ink-soft:#44544a;
  --on-dark-soft:#c4d4c9;
  --line-dark:rgba(255,255,255,.16);
  --line-light:rgba(11,26,18,.14);
  --yellow:#ffd60a;
  --yellow-deep:#a88a00;
  --filament:#ff7a2b;
  --filament-deep:#b93c07;
  --red-card:#c81e1e;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;background:var(--night);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--night);color:var(--chalk);font-family:var(--font-sans);margin:0}
a{font:inherit}
main{overflow:hidden}
.content{width:min(1160px,100% - 40px);margin-inline:auto}
section{padding:104px 0;position:relative}
.ico{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3{letter-spacing:0}
h1,h2{font-family:var(--font-display)}

/* Faixa de oferta: cartão amarelo */
.offer-bar{text-align:center;background:var(--yellow);color:var(--ink);letter-spacing:.14em;font-size:11px;font-weight:700;padding:9px 20px}
.offer-bar b{background:var(--ink);color:var(--yellow);border-radius:3px;margin:0 6px;padding:2px 8px;white-space:nowrap}

/* Hero: gramado à noite sob os refletores */
.hero{isolation:isolate;color:var(--chalk);background:var(--night);align-items:center;padding:48px 0 30px;display:flex}
.hero-grid{z-index:-2;background-image:repeating-linear-gradient(180deg,var(--grass-deep) 0 56px,var(--grass) 56px 112px);opacity:.62;position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,transparent 16%,#000 62%);mask-image:linear-gradient(180deg,transparent 16%,#000 62%)}
.hero-grid:after{content:"";position:absolute;left:50%;top:58%;width:min(620px,118%);aspect-ratio:1;border:3px solid rgba(255,255,255,.26);border-radius:50%;transform:translate(-50%,-50%)}
.hero-glow{z-index:-1;background:radial-gradient(70% 34% at 12% 0,rgba(255,255,255,.26),transparent 70%),radial-gradient(70% 34% at 88% 0,rgba(255,255,255,.26),transparent 70%),radial-gradient(62% 40% at 50% 60%,rgba(4,19,12,.5),transparent 100%);position:absolute;inset:0}
.hero-content{text-align:center}
.hero-kicker{color:var(--filament);letter-spacing:.26em;justify-content:center;align-items:center;gap:14px;font-size:11px;font-weight:700;display:flex}
.hero-kicker span{background:linear-gradient(90deg,transparent,var(--filament));width:54px;height:1px;flex-shrink:0}
.hero-kicker span:last-child{transform:scaleX(-1)}
.hero-title{margin-top:15px}
.hero-title small{color:var(--chalk);display:block;font-family:var(--font-display);font-size:clamp(25px,3vw,43px);line-height:1}
.hero-title h1{color:var(--yellow);text-transform:uppercase;text-shadow:0 4px 0 var(--yellow-deep),0 10px 24px rgba(0,0,0,.6);margin:-4px 0 10px;font-size:clamp(58px,8.8vw,122px);line-height:.96}
.hero-title p{border:2px solid var(--chalk);color:var(--chalk);background:rgba(4,19,12,.55);letter-spacing:.1em;font-size:15px;font-weight:700;margin:0;padding:8px 24px;display:inline-block}
.hero-product{justify-content:center;align-items:center;margin-top:-18px;display:flex;position:relative}
.stadium-stage{width:min(720px,78%);position:relative}
.stadium-stage img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}
.hero-cta{z-index:2;justify-content:center;margin-top:24px;display:flex;position:relative}

/* Botão: amarelo em todas as seções */
.cta-button{border:0;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:8px 22px;display:inline-flex;background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 var(--yellow-deep),0 14px 26px rgba(0,0,0,.28);border-radius:6px;text-transform:uppercase;font-weight:700;line-height:1.25;text-decoration:none;text-align:center;transition:transform .15s,box-shadow .15s}
.cta-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--yellow-deep),0 6px 14px rgba(0,0,0,.28)}
.price-card .cta-button{background:var(--grass-bright);color:var(--ink);box-shadow:0 4px 0 #15803d,0 14px 26px rgba(0,0,0,.28)}
.price-card .cta-button:active{box-shadow:0 1px 0 #15803d,0 6px 14px rgba(0,0,0,.28)}
.cta-payment-label{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:2px 0;line-height:1.35;display:flex}
.cta-payment-label small{font-size:11px;font-weight:600}
.cta-payment-note{text-transform:none}

/* Títulos de seção */
.section-heading{text-align:center;max-width:780px;margin:0 auto 48px}
.section-heading>span{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}
.section-heading h2{text-transform:uppercase;margin:12px 0 15px;font-size:clamp(34px,5vw,58px);line-height:1.03}
.section-heading p{margin:0;font-size:17px;line-height:1.65}

/* Estádios: seção clara, mesa de impressão quadriculada */
.file-preview-section{background-color:var(--paper);color:var(--ink);background-image:linear-gradient(rgba(11,26,18,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(11,26,18,.06) 1px,transparent 1px);background-size:40px 40px}
.file-preview-section .section-heading>span{color:var(--filament-deep)}
.file-preview-section .section-heading p{color:var(--ink-soft)}
.preview-conveyor{padding:8px 0 14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7% 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7% 93%,transparent)}
.preview-track{width:max-content;animation:conveyor-right 40s linear infinite;display:flex;will-change:transform}
.preview-track.track-left{animation-direction:reverse}
@keyframes conveyor-right{0%{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.preview-conveyor+.preview-conveyor{padding-top:0}
.file-preview-card{border:1px solid var(--line-light);flex-shrink:0;width:200px;margin:0 10px 0 0;overflow:hidden;background:var(--chalk);color:var(--ink);border-radius:8px}
.file-preview-image{aspect-ratio:1;background:#dfe4d5;overflow:hidden}
.file-preview-image img{object-fit:cover;width:100%;height:100%;display:block}
.file-preview-card figcaption{border-top:3px solid var(--filament);padding:12px 14px 14px}
.file-preview-card figcaption span{color:var(--filament-deep);letter-spacing:.16em;font-size:9px;font-weight:700}
.file-preview-card h3{font-family:var(--font-display);text-transform:uppercase;margin:7px 0 4px;font-size:15px}
.file-preview-card small{color:var(--ink-soft)}
.file-preview-action{text-align:center;margin-top:40px}

/* Mercado: gramado cortado em faixas */
.market-examples{color:var(--chalk);background-image:repeating-linear-gradient(180deg,var(--grass) 0 72px,var(--grass-2) 72px 144px)}
.market-examples .section-heading>span{color:var(--yellow)}
.market-examples .section-heading h2{font-size:42px}
.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}
.market-listing{background:var(--chalk);color:var(--ink);border-radius:8px;margin:0;overflow:hidden;box-shadow:0 14px 30px rgba(4,19,12,.3)}
.market-listing-image{aspect-ratio:1.45;background:var(--chalk)}
.market-listing-image img{object-fit:contain;width:100%;height:100%;display:block}
.market-listing figcaption{border-top:1px solid var(--line-light);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}
.market-listing h3{margin:0 0 6px;font-size:20px;line-height:1.2}
.market-listing figcaption p{color:var(--ink-soft);margin:0;font-size:14px}
.market-listing-price{text-align:right;flex-shrink:0}
.market-listing-price small{color:var(--ink-soft);font-size:10px;font-weight:600;display:block}
.market-listing-price strong{color:var(--grass-deep);font-family:var(--font-display);font-size:24px;line-height:1.3;display:block}

/* Lista: placar eletrônico */
.stadium-strip{background:var(--night);color:var(--chalk)}
.stadium-strip .section-heading>span{color:var(--yellow)}
.stadium-strip .section-heading p{color:var(--on-dark-soft)}
.stadium-list{border:2px solid rgba(255,214,10,.4);background:rgba(255,214,10,.2);border-radius:8px;overflow:hidden;grid-template-columns:1fr 1fr;gap:1px;display:grid}
.stadium-list-item{background:var(--night-card);align-items:center;gap:16px;min-height:62px;padding:12px 24px;display:flex}
.stadium-list-item span{min-width:32px;color:var(--yellow);font-family:var(--font-display);font-size:14px}
.stadium-list-item b{flex:1;font-size:15px;font-weight:700;line-height:1.3}
.stadium-list-item small{color:var(--filament);letter-spacing:.14em;white-space:nowrap;font-size:9px;font-weight:700}
.stadium-list-item:last-child:nth-child(odd){grid-column:1/-1}

/* Etapas: faixa amarela que quebra o ritmo da página */
#como-funciona{background:var(--yellow);color:var(--ink)}
#como-funciona .section-heading>span{color:var(--ink)}
.steps{grid-template-columns:repeat(3,1fr);display:grid;position:relative}
.step-arrow{z-index:1;background:var(--ink);width:46px;height:46px;color:var(--yellow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:33.333%;transform:translate(-50%,-50%)}
.steps span.step-arrow:nth-of-type(2){left:66.666%}
.steps div{border-left:2px solid var(--ink);min-height:140px;padding:20px}
.steps div:last-child{border-right:2px solid var(--ink)}
.steps b{color:var(--ink);font-family:var(--font-display);font-size:38px;display:block}
.steps span{font-weight:700}
.nowrap{white-space:nowrap}

/* Mascotes: verde-escuro, só no Pacote Completo */
.mascot-preview-section{background-color:var(--pitch-dark);color:var(--chalk);background-image:repeating-linear-gradient(180deg,var(--pitch-dark) 0 72px,var(--pitch-dark-2) 72px 144px);background-size:auto}
.mascot-preview-section .section-heading>span{color:var(--yellow)}
.mascot-preview-section .section-heading p{color:var(--yellow);font-weight:700}
.mascot-preview-section .file-preview-card{border-color:rgba(255,214,10,.4);background:var(--night);color:var(--chalk)}
.mascot-preview-section .file-preview-card figcaption{border-top-color:var(--yellow)}
.mascot-preview-section .file-preview-card figcaption span{color:var(--filament)}
.mascot-preview-section .file-preview-card small{color:var(--on-dark-soft)}

/* Planos: refletor sobre o fundo escuro, plano completo em destaque claro */
.offer-section{text-align:center;color:var(--chalk);background:radial-gradient(90% 46% at 50% 0,rgba(34,197,94,.26),transparent 100%),var(--night)}
.offer-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}
.offer-bg .ob{opacity:.1;width:320px;height:auto;position:absolute}
.offer-bg .ob-e1{top:6%;left:-70px}
.offer-bg .ob-e2{top:38%;left:-40px}
.offer-bg .ob-e3{top:72%;left:-70px}
.offer-bg .ob-m1{top:6%;right:-70px}
.offer-bg .ob-m2{top:38%;right:-40px}
.offer-bg .ob-m3{top:72%;right:-70px}
.offer-section .content{z-index:1;position:relative}
.offer-section .section-heading>span{color:var(--yellow)}
#planos{scroll-margin-top:160px}
.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;max-width:1080px;margin:0 auto;display:grid}
.price-card{border:1px solid var(--line-dark);position:relative;background:var(--night-card);border-radius:10px}
.price-card.featured{z-index:1;border:3px solid var(--yellow);background:var(--chalk);color:var(--ink);box-shadow:0 0 70px rgba(255,214,10,.3);transform:scale(1.035)}
/* Pulso animado só na opacidade para não pesar em celular fraco */
.price-card.featured:after{content:"";pointer-events:none;position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 6px rgba(255,214,10,.35),0 0 30px rgba(255,214,10,.65);opacity:0;animation:featured-pulse 2.2s ease-in-out infinite}
@keyframes featured-pulse{50%{opacity:1}}
.popular-label{border-bottom:1px solid var(--line-dark);padding:12px;color:var(--chalk);letter-spacing:.18em;font-size:11px;font-weight:700}
.price-card.featured .popular-label{background:var(--ink);color:var(--yellow);border-bottom:0;border-radius:6px 6px 0 0;padding-top:22px}
.best-seller{z-index:2;background:var(--yellow);color:var(--ink);letter-spacing:.22em;border-radius:999px;padding:6px 20px;font-size:10px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%);white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.price-card-copy{padding:42px 58px 50px}
.price-card-copy>small{margin-bottom:14px;padding:9px 16px;display:inline-block;border-radius:999px;letter-spacing:.16em;text-transform:uppercase;font-size:13px;font-weight:700}
.price-card.featured .price-card-copy>small{background:var(--yellow);color:var(--ink)}
.price-card h3{font-family:var(--font-display);text-transform:uppercase;margin:9px 0 18px;font-size:29px}
.old-price{color:var(--ink-soft);letter-spacing:.04em;font-size:16px;font-weight:600;margin:0}
.old-price s{color:var(--red-card);text-decoration-thickness:2px}
.price-card strong{color:var(--chalk);font-family:var(--font-display);margin-bottom:22px;font-size:72px;line-height:1;display:block}
.price-card.featured strong{color:var(--grass-deep)}
.price-card ul{text-align:left;gap:12px;max-width:400px;margin:0 auto 28px;padding:0;list-style:none;display:grid}
.price-card li{align-items:center;gap:9px;line-height:1.3;display:flex}
.price-card li .ico{width:19px;height:19px;color:var(--grass-bright)}
.price-card.featured li .ico{color:var(--grass-deep)}
.price-card li.highlight-item{letter-spacing:.04em;font-size:1.05em;font-weight:700}
.plan-guarantee{width:100%;height:auto;margin-top:18px;display:block;border-radius:6px}

/* Benefícios: claro, filamento */
.benefits{background:var(--paper);color:var(--ink)}
.benefits .section-heading>span{color:var(--filament-deep)}
.benefit-grid{grid-template-columns:repeat(4,1fr);gap:34px;display:grid}
.benefit-grid article{border-top:4px solid var(--filament);background:var(--chalk);border-radius:8px;padding:25px;box-shadow:0 8px 20px rgba(11,26,18,.08)}
.benefit-grid .ico{color:var(--filament-deep)}
.benefit-grid h3{font-family:var(--font-display);font-size:20px}
.benefit-grid p{color:var(--ink-soft);line-height:1.6}

/* FAQ */
.faq{color:var(--chalk);background-image:repeating-linear-gradient(180deg,var(--pitch-dark) 0 72px,var(--pitch-dark-2) 72px 144px)}
.faq .section-heading>span{color:var(--yellow)}
.faq-wrap{grid-template-columns:.72fr 1.28fr;align-items:start;gap:80px;display:grid}
.faq-wrap .section-heading{text-align:left;margin-inline:0}
.faq-list{border-top:1px solid var(--line-dark)}
.faq-list details{border-bottom:1px solid var(--line-dark)}
.faq-list summary{min-height:72px;color:var(--chalk);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .ico{color:var(--yellow);transition:transform .2s}
.faq-list details[open] summary .ico{transform:rotate(180deg)}
.faq-list p{color:var(--on-dark-soft);margin:-4px 40px 22px 0;line-height:1.65}

/* Rodapé */
footer{border-top:3px solid var(--yellow);background:var(--night);color:var(--chalk);padding:35px 0}
footer .content{align-items:center;gap:16px;display:flex}
footer b{font-family:var(--font-display);color:var(--yellow)}
footer small{color:var(--on-dark-soft);margin-left:auto}

@media (hover:hover){
  .cta-button:hover{filter:brightness(1.06);transform:translateY(-2px)}
}

@media (max-width:900px){
  section{padding:76px 0}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .faq-wrap{gap:45px}
}

@media (max-width:768px){
  .offer-bg .ob{opacity:.09;width:150px}
  .offer-bg .ob-e1,.offer-bg .ob-m1{top:2%}
  .offer-bg .ob-e2,.offer-bg .ob-m2{top:36%}
  .offer-bg .ob-e3,.offer-bg .ob-m3{top:70%}
  #planos{scroll-margin-top:24px}
}

/* Celular: é o que abre no navegador do Instagram */
@media (max-width:680px){
  .content{width:min(100% - 28px,560px)}
  section{padding:62px 0}
  .offer-bar{font-size:10px;padding:8px 10px}
  .offer-bar b{margin:0 4px;padding:2px 6px}

  /* A área visível no navegador do Instagram é bem menor que a tela: a imagem acompanha a altura para o botão aparecer sem rolar */
  .hero{padding:22px 0 26px}
  .hero-kicker{gap:7px;font-size:clamp(8px,2.4vw,11px);letter-spacing:.14em;white-space:nowrap}
  .hero-kicker span{width:16px}
  .hero-title{margin-top:10px}
  .hero-title h1{margin:2px 0 8px;font-size:clamp(36px,11vw,52px)}
  .hero-title small{font-size:23px}
  .hero-title p{padding:5px 10px;font-size:10px}
  .hero-product{margin-top:6px}
  .stadium-stage{width:min(108%,46vh);width:min(108%,46svh)}
  .hero-cta{margin-top:14px}

  .cta-button{width:100%;padding-inline:13px;font-size:13px}
  .section-heading{margin-bottom:34px}
  .section-heading h2{font-size:clamp(28px,9vw,34px)}
  .file-preview-card{width:150px}
  .stadium-list{grid-template-columns:1fr}
  .stadium-list-item{gap:12px;min-height:0;padding:12px 16px}
  .stadium-list-item b{font-size:13px}
  .stadium-list-item small{display:none}
  .market-examples .section-heading h2{font-size:clamp(26px,8vw,30px)}
  .market-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .market-listing figcaption{gap:10px;padding:16px}
  .market-listing h3{font-size:17px}
  .market-listing-price strong{font-size:20px}
  .faq-wrap{grid-template-columns:minmax(0,1fr);gap:38px}
  .benefit-grid{grid-template-columns:1fr;gap:16px}
  .price-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .price-card-copy{padding:35px 20px 42px}
  .price-card-copy>small{font-size:12px;letter-spacing:.1em;padding:9px 12px}
  .price-card strong{font-size:58px}
  .price-card.featured{transform:none}
  .steps{grid-template-columns:minmax(0,1fr)}
  .steps div{border:0;border-top:2px solid var(--ink);align-items:center;gap:18px;min-height:0;display:flex}
  .steps div:last-child{border-right:0;border-bottom:2px solid var(--ink)}
  .steps b{font-size:30px}
  .steps .step-arrow,.steps span.step-arrow:nth-of-type(2){width:38px;height:38px;margin:-19px auto;position:relative;top:auto;left:auto;transform:rotate(90deg)}
  footer{padding-bottom:calc(35px + env(safe-area-inset-bottom))}
  footer .content{flex-direction:column;align-items:flex-start}
  footer small{margin-left:0}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .preview-track,.price-card.featured:after{animation:none}
  .cta-button{transition:none}
}