/* One Turf: secoes de como funciona (animacao, baterias, protocolo, tipos de gramado, produto) */
.mo-sec{text-align:center}
.mo-lead{font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:#6e6e73;max-width:38em;margin:18px auto 0;text-wrap:pretty}
.dark .mo-lead{color:#a9b0ab}
.mo-grad{background:linear-gradient(100deg,#008a42,#3ddc84);-webkit-background-clip:text;background-clip:text;color:transparent}
.dark .mo-grad{background:linear-gradient(100deg,#00bf63,#b7f5cf);-webkit-background-clip:text;background-clip:text}
.mo-stage{position:relative;margin:40px auto 0;max-width:1000px;border-radius:28px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#203a2a 0%,#0e1712 55%,#070a08 100%);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mo-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/10}
.mo-hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;padding:22px 20px;pointer-events:none;text-align:center}
.mo-phase{font-size:clamp(21px,3.4vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#fff;max-width:30ch;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.mo-phase small{display:block;font-size:clamp(14px,1.9vw,18px);font-weight:500;letter-spacing:0;line-height:1.35;color:#d7dfda;margin:8px auto 0;max-width:34ch}
.mo-ctrl{position:absolute;left:14px;bottom:14px;z-index:2;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.4);color:#fff;border-radius:999px;font:600 13px Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:8px 14px;cursor:pointer}
.mo-ctrl:focus-visible{outline:2px solid #3ddc84;outline-offset:2px}
.mo-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1000px;margin:18px auto 0;padding:0;list-style:none}
.mo-steps li{border-radius:16px;background:#161c18;padding:14px 14px 16px;text-align:left;border:1px solid transparent;transition:border-color .4s,background .4s}
.mo-steps li b{display:block;font-size:13px;color:#3ddc84;margin-bottom:4px}
.mo-steps li span{font-size:15px;color:#d9dfdb;line-height:1.35}
.mo-steps li.on{border-color:#00bf63;background:#14251b}
.mo-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:24px auto 0;max-width:860px}
.mo-chip{display:inline-flex;align-items:center;gap:10px;background:#161c18;border-radius:999px;padding:9px 16px 9px 12px;font-size:15px;color:#e8ece9;text-align:left}
.mo-chip i{width:14px;height:14px;border-radius:50%;flex:none}
.mo-chip em{font-style:normal;color:#9aa39d;font-size:14px}
.mo-split{display:flex;justify-content:center;gap:clamp(24px,6vw,72px);margin:36px auto 0;flex-wrap:wrap}
.mo-big{font-size:clamp(44px,8vw,80px);font-weight:700;letter-spacing:-.04em;line-height:1}
.mo-big small{display:block;font-size:15px;font-weight:500;letter-spacing:0;color:#a9b0ab;margin-top:8px}
.mo-more{margin-top:30px}
.mo-note{font-size:14px;color:#6e6e73;margin:22px auto 0;max-width:60ch}
.dark .mo-note{color:#a9b0ab}

/* baterias */
.mo-bats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,3vw,32px);margin:56px auto 0;max-width:1000px;align-items:end}
.mo-b{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-width:0}
.mo-cell{perspective:700px;width:100%;display:flex;justify-content:center}
.mo-batt{position:relative;width:min(118px,80%);aspect-ratio:1/1.7;border-radius:22px;background:linear-gradient(115deg,rgba(255,255,255,.95),rgba(236,241,238,.85) 45%,rgba(214,222,217,.9));box-shadow:inset 0 0 0 2px #cfd8d2,inset -10px 0 18px rgba(0,0,0,.06),0 24px 40px -18px rgba(0,60,30,.35);transform:rotateY(-16deg) rotateX(4deg);padding:12px 11px;display:flex;flex-direction:column-reverse;gap:7px;animation:moHover 6s ease-in-out infinite}
.mo-batt::before{content:"";position:absolute;top:-11px;left:50%;width:34%;height:11px;transform:translateX(-50%);border-radius:6px 6px 0 0;background:linear-gradient(90deg,#c7d0ca,#e9eeeb,#c7d0ca)}
.mo-batt::after{content:"";position:absolute;inset:6px auto 6px 8px;width:16%;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));pointer-events:none}
.mo-seg{flex:1;border-radius:9px;background:rgba(0,0,0,.05);position:relative;overflow:hidden;display:block}
.mo-seg.f{background:linear-gradient(180deg,#3ddc84,#00bf63 55%,#008a42);box-shadow:0 0 18px rgba(0,191,99,.5),inset 0 2px 0 rgba(255,255,255,.45)}
.mo-seg.f::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:moShine 3.2s ease-in-out infinite}
.mo-seg.low{background:linear-gradient(180deg,#ff8a7a,#e5483b);box-shadow:0 0 16px rgba(229,72,59,.45)}
.mo-bats.run .mo-seg.f,.mo-bats.run .mo-seg.low{animation:moFill .55s cubic-bezier(.2,.9,.3,1.2) both}
.mo-b h3{font-size:clamp(16px,2vw,19px);margin:0;font-weight:700;letter-spacing:-.01em}
.mo-b p{margin:0;font-size:clamp(14px,1.6vw,15px);color:#6e6e73;line-height:1.4}
.mo-logos{display:flex;justify-content:center;gap:4px;min-height:58px;align-items:center}
.mo-logos img{height:56px;width:auto;max-width:48%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
.mo-logos img:only-child{max-width:80%}
.mo-plus{color:#008a42;font-weight:700}
.mo-x{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fde7e4;color:#d33a2c;font-weight:700;font-size:20px}
@keyframes moFill{from{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}
@keyframes moShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes moHover{0%,100%{translate:0 0}50%{translate:0 -6px}}

/* protocolo */
.mo-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2.4vw,24px);margin:56px auto 0;max-width:1000px}
.mo-track::before{content:"";position:absolute;left:12%;right:12%;top:62px;height:3px;border-radius:3px;background:#d7ddd9}
.mo-track .mo-line{position:absolute;left:12%;top:62px;height:3px;border-radius:3px;background:linear-gradient(90deg,#e5483b,#00bf63);width:76%;transform-origin:left;transition:transform 2.4s cubic-bezier(.3,.7,.2,1)}
.mo-track.pre .mo-line{transform:scaleX(0)}
.mo-st{position:relative;background:#fff;border-radius:22px;padding:18px 14px 20px;text-align:center;box-shadow:0 10px 30px -18px rgba(0,0,0,.25);min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.mo-mini{width:46px;aspect-ratio:1/1.6;border-radius:10px;box-shadow:inset 0 0 0 2px #cfd8d2;padding:5px;display:flex;flex-direction:column-reverse;gap:3px;background:#fff;position:relative;z-index:1}
.mo-mini::before{content:"";position:absolute;top:-6px;left:50%;width:16px;height:6px;transform:translateX(-50%);border-radius:3px 3px 0 0;background:#cfd8d2}
.mo-mini i{flex:1;border-radius:3px;background:#eef1ef;display:block}
.mo-mini i.f{background:#00bf63}
.mo-mini i.low{background:#e5483b}
.mo-st h3{font-size:clamp(16px,1.9vw,18px);margin:0;font-weight:700}
.mo-st p{margin:0;font-size:clamp(14px,1.5vw,15px);color:#6e6e73;line-height:1.4}
.mo-st .mo-dose{font-weight:700;color:#008a42;font-size:clamp(14px,1.7vw,16px)}
.mo-st.nat .mo-dose{color:#c2392d}

/* programas */
.mo-progs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px auto 0;max-width:1000px;text-align:left}
.mo-prog{background:#fff;border-radius:22px;padding:22px;box-shadow:0 10px 30px -20px rgba(0,0,0,.3);min-width:0}
.mo-prog h3{margin:0 0 6px;font-size:19px;font-weight:700}
.mo-prog p{margin:0;color:#6e6e73;font-size:15px}

/* tipos de gramado: seis cartoes */
.uses.six{grid-template-columns:repeat(3,1fr)}

/* pagina de produto: o que faz */
.mo-does{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:40px auto 0;max-width:1000px;text-align:left}
.mo-card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 10px 30px -20px rgba(0,0,0,.3);min-width:0}
.mo-card h3{margin:0 0 8px;font-size:clamp(17px,2vw,20px);font-weight:700;letter-spacing:-.01em}
.mo-card p,.mo-card li{margin:0;color:#424245;font-size:16px;line-height:1.5}
.mo-card ul{margin:0;padding-left:20px;display:grid;gap:6px}
.mo-card a{color:#00843f}
.mo-card.mo-hl{background:linear-gradient(160deg,#e9f8ef,#f6fbf8);box-shadow:inset 0 0 0 1.5px #bfe8cf}
.mo-card.golf{background:linear-gradient(160deg,#0f3b24,#0b2a1a)}
.mo-card.golf h3{color:#fff}
.mo-card.golf p{color:#c5d6cb}

/* guia qual produto */
.mo-guide{max-width:860px;margin:40px auto 0;display:grid;gap:10px;text-align:left}
.mo-g{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:0 8px 24px -18px rgba(0,0,0,.3)}
.mo-g p{margin:0;font-size:16px;color:#1d1d1f;line-height:1.4}
.mo-g a{font-weight:600;color:#00843f;white-space:nowrap}

@media (max-width:833px){
  .mo-steps{grid-template-columns:repeat(2,1fr)}
  .mo-bats{grid-template-columns:repeat(2,1fr);row-gap:40px}
  .mo-track{grid-template-columns:repeat(2,1fr)}
  .mo-track::before,.mo-track .mo-line{display:none}
  .uses.six{grid-template-columns:repeat(2,1fr)}
  .mo-progs{grid-template-columns:1fr}
  .mo-does{grid-template-columns:1fr}
  .mo-stage{border-radius:20px}
  .mo-stage canvas{aspect-ratio:4/5}
  .mo-hud{padding:16px 14px}
}
@media (max-width:480px){
  .mo-logos img{height:42px}
  .mo-logos{min-height:44px}
  .mo-steps li span{font-size:14px}
  .mo-g{grid-template-columns:1fr;gap:6px;padding:14px 16px}
  .mo-card{padding:20px}
}
@media (max-width:340px){.uses.six{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .mo-batt,.mo-seg.f::after{animation:none}
  .mo-bats.run .mo-seg.f,.mo-bats.run .mo-seg.low{animation:none}
  .mo-track .mo-line{transition:none}
}
.mo-more .more{white-space:normal}
.uses.six .use{min-width:0}
@media (max-width:480px){.uses.six{gap:12px}.uses.six .use{padding:20px 14px;min-height:170px}.uses.six .use h3{font-size:17px;margin-top:18px;hyphens:auto;overflow-wrap:anywhere}.uses.six .use p{font-size:14px}}
.mo-logos{min-height:66px}
.mo-logos img:only-child{height:64px}
@media (max-width:480px){.mo-logos{min-height:60px}.mo-logos img:only-child{height:58px}}

/* cartoes de tipo de gramado: ficam verdes ao passar o mouse */
.uses.six .use{transition:background-color .45s ease,color .45s ease,transform .35s ease,box-shadow .35s ease;background-image:linear-gradient(160deg,#0f3b24,#0b2a1a);background-size:100% 0;background-repeat:no-repeat;background-position:bottom}
.uses.six .use p,.uses.six .use svg{transition:color .45s ease}
.uses.six .use:hover,.uses.six .use:active{background-size:100% 100%;color:#fff;transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(0,60,30,.6)}
.uses.six .use:hover p,.uses.six .use:active p{color:#c5d6cb}
.uses.six .use:hover svg,.uses.six .use:active svg{color:#3ddc84}
.uses.six .use{transition:background-size .5s cubic-bezier(.3,.7,.2,1),color .45s ease,transform .35s ease,box-shadow .35s ease}
@media (prefers-reduced-motion:reduce){.uses.six .use{transition:none}}
/* foto de golfe nos cartoes "No golfe" */
.mo-card.golf.ph{position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}
.mo-card.golf.ph h3,.mo-card.golf.ph p{text-shadow:0 2px 12px rgba(0,0,0,.5)}
.mo-hero-img{max-width:1000px;margin:36px auto 0;border-radius:28px;overflow:hidden}
.mo-hero-img img{display:block;width:100%;height:auto;aspect-ratio:2.2/1;object-fit:cover}
@media (max-width:833px){.mo-hero-img{border-radius:20px}.mo-hero-img img{aspect-ratio:3/2}}

/* quem somos: video do topo com zoom lento para o movimento ficar visivel */
.hero-media{overflow:hidden}
.qs-video{animation:qsZoom 18s ease-in-out infinite alternate;transform-origin:50% 70%}
@keyframes qsZoom{from{transform:scale(1)}to{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.qs-video{animation:none}}
/* leitura maior nas etapas e nos compostos */
.mo-steps li{padding:16px 16px 18px}
.mo-steps li b{font-size:15px;margin-bottom:6px}
.mo-steps li span{font-size:clamp(16px,1.7vw,18.5px);line-height:1.4;color:#e6ebe8}
.mo-chip{font-size:17px;padding:11px 18px 11px 14px}
.mo-chip em{font-size:15.5px;color:#aab3ad}
@media (max-width:480px){.mo-steps li span{font-size:16px}.mo-chip{font-size:16px}.mo-chip em{font-size:15px}}
/* numeros das etapas em destaque */
.mo-steps li{display:flex;flex-direction:column;gap:12px}
.mo-steps li b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0;font-size:24px;font-weight:700;line-height:1;color:#3ddc84;border:2px solid #2f8f58;background:rgba(0,191,99,.08);transition:background .4s,color .4s,border-color .4s,transform .4s}
.mo-steps li.on b{background:#00bf63;border-color:#00bf63;color:#06140c;transform:scale(1.06);box-shadow:0 0 0 6px rgba(0,191,99,.18)}
@media (max-width:480px){.mo-steps li b{width:42px;height:42px;font-size:21px}}

/* exemplo de programa */
.mo-ex{display:table;margin:26px auto 0;font-size:15px;font-weight:600;color:var(--brand-ink,#00843f);background:#e9f8ef;border:1px solid #c9ead6;border-radius:980px;padding:7px 16px}
.mo-note strong{color:#1d1d1f;font-weight:600}
.dark .mo-note strong{color:#fff}
.mo-sec .mo-note{font-size:16px}

/* etapas clicaveis */
.mo-steps li{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.mo-steps li:hover{border-color:rgba(0,191,99,.55)}
.mo-steps li:focus-visible{outline:2px solid #3ddc84;outline-offset:3px}
.mo-sec:not(.dark) .mo-steps li:hover{border-color:rgba(0,138,66,.45)}

.mo-card.golf.ph{min-height:clamp(240px,26vw,300px);background-position:center bottom}

/* quatro missoes */
.mo-mis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:44px auto 0;text-align:left}
.mo-mi{display:flex;flex-direction:column;background:#fff;border-radius:22px;padding:20px 20px 18px;box-shadow:0 10px 30px -20px rgba(0,0,0,.3);color:#1d1d1f;border:1.5px solid transparent;transition:border-color .25s,transform .25s}
.mo-sec:not(.alt) .mo-mi{background:#f5f5f7;box-shadow:none}
.mo-mi:hover{text-decoration:none;border-color:rgba(0,138,66,.4);transform:translateY(-2px)}
.mo-mi.cur{border-color:#00a14d;background:linear-gradient(160deg,#e9f8ef,#f6fbf8)}
.mo-mi-ic{width:56px;height:56px;border-radius:14px;background:#fff;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.mo-mi-ic img{max-width:44px;max-height:44px;width:auto;height:auto}
.mo-mi-k{font-size:13px;font-weight:600;color:#00843f;letter-spacing:.01em}
.mo-mi h3{margin:2px 0 6px;font-size:22px;font-weight:700;letter-spacing:-.01em}
.mo-mi p{margin:0 0 14px;font-size:16px;color:#424245;line-height:1.45;flex:1}
.mo-mi-p{font-size:15px;font-weight:600;color:#1d1d1f}
.mo-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1000px;margin:14px auto 0;text-align:left}
.mo-path{position:relative;background:#fff;border-radius:22px;padding:24px;box-shadow:0 10px 30px -20px rgba(0,0,0,.3)}
.mo-sec:not(.alt) .mo-path{background:#f5f5f7;box-shadow:none}
.mo-path.full,.mo-sec:not(.alt) .mo-path.full{background:linear-gradient(160deg,#0f3b24,#0b2a1a);color:#fff}
.mo-path h3{margin:0 0 8px;font-size:clamp(19px,2.1vw,22px);font-weight:700;letter-spacing:-.01em}
.mo-path p{margin:0 0 12px;font-size:16px;line-height:1.5;color:#424245}
.mo-path.full p{color:#fff}
.mo-path.full .more{color:#3ddc84}
.mo-path-k{display:inline-block;font-size:13px;font-weight:600;color:#0b2a1a;background:#3ddc84;border-radius:980px;padding:4px 12px;margin-bottom:12px}
.mo-batt-note{margin-top:36px}
.mo-g-all{background:linear-gradient(160deg,#e9f8ef,#f6fbf8);box-shadow:inset 0 0 0 1.5px #bfe8cf}
#missoes{scroll-margin-top:60px}
@media (max-width:900px){.mo-mis{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mo-paths{grid-template-columns:1fr}}
@media (max-width:420px){.mo-mis{gap:10px}.mo-mi{padding:16px 14px}.mo-mi h3{font-size:20px}.mo-mi p{font-size:15px}.mo-mi-ic{width:48px;height:48px}.mo-mi-ic img{max-width:38px;max-height:38px}}
.mo-nw{display:inline-block;max-width:100%;text-wrap:balance}

/* sinais do gramado */
.mo-g-r{display:grid;justify-items:end;text-align:right;line-height:1.25;min-width:150px}
.mo-g-r small{font-size:12.5px;color:#6e6e73}
.mo-g-r b{font-size:17px;font-weight:700;color:#1d1d1f}
.mo-g-r a{font-size:14.5px;font-weight:600}
.mo-diag{max-width:860px;margin:14px auto 0;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;text-align:left;background:linear-gradient(160deg,#0f3b24,#0b2a1a);color:#fff;border-radius:22px;padding:24px 28px}
.mo-diag h3{margin:0 0 6px;font-size:clamp(19px,2.1vw,22px);font-weight:700;color:#fff}
.mo-diag p{margin:0;font-size:16px;line-height:1.5;color:#fff}
@media (max-width:734px){.mo-g-r{justify-items:start;text-align:left;grid-template-columns:auto auto;column-gap:8px;align-items:baseline}.mo-g-r small{grid-column:1/-1}.mo-diag{grid-template-columns:1fr;padding:22px 20px}.mo-diag .btn{justify-self:start}}
@media (max-width:734px){.mo-g-r{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-top:4px}.mo-g-r small{width:100%}}
.dark .mo-lead,.dark .mo-note{color:#e2e6e3}
.mo-legend .mo-chip em{color:#cfd6d1}