/* Stock Pro — página pública. Verde floresta, tipografia editorial e produto em destaque. */
:root{--primary:#16a34a;--primary-dark:#14532d;--forest:#082d24;--forest-deep:#05251d;--text:#142e25;--muted:#607169;--border:#dce5dd;--surface:#f3f6f0;--white:#fff;--danger:#be3030;--info:#1765a5;--radius:20px}
img{height:auto}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--white);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,video{display:block;max-width:100%}button{color:inherit}h1,h2,h3{line-height:1.08}h1,h2{font-family:Archivo,'Arial Narrow',Impact,sans-serif;font-stretch:75%;font-weight:800;letter-spacing:-.045em}h2{font-size:clamp(38px,4.2vw,60px)}h3{letter-spacing:-.035em}p{color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--sp-action);outline-offset:5px}section[id],div[id^="secao"]{scroll-margin-top:92px}.container,.secao{width:min(1280px,calc(100% - 96px));margin-inline:auto}.secao{padding-block:104px}.eyebrow,.tag{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;display:block;margin-bottom:20px}.eyebrow::before,.tag::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);margin-right:10px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.section-head h2{max-width:760px}.section-head>p{max-width:340px}.section-head .eyebrow{margin-bottom:18px}.text-link{font-weight:600;text-decoration:none;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link:hover{color:var(--primary)}.skip-link{position:fixed;top:8px;left:12px;z-index:500;padding:12px 20px;border-radius:8px;background:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 24px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:14px;text-decoration:none;position:relative;overflow:hidden;transition:background .2s,transform .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#15803d;color:#fff}.btn-primary:hover{background:#12843d}.btn-lime{background:var(--white);color:var(--forest-deep)}.btn-lime:hover{background:var(--sp-glass-dark-hover)}.btn-outline{border-color:var(--border);background:transparent;color:var(--text)}.btn-outline:hover{background:var(--surface)}.btn-xl{padding:17px 27px;min-height:57px}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-cancel{background:#edf2ec}.ripple{display:none}
/* Header */
#navbar{height:86px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid #edf1eb;transition:box-shadow .2s}#navbar.scrolled{box-shadow:0 3px 16px #082d240a}.nav-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{flex-shrink:0}.brand img{width:178px;height:auto}.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto}.nav-links a,.nav-login{font-size:13px;font-weight:600;text-decoration:none}.nav-links a:hover,.nav-login:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:24px}.nav-actions .btn{min-height:42px;padding:10px 22px;font-size:12px}.menu-toggle{display:none;border:1px solid var(--border);background:white;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center}.menu-toggle svg{width:20px;height:20px}
/* Hero / mockups ilustrativos prontos */
.hero{background:var(--forest-deep);color:#fff;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;width:800px;height:800px;border:1px solid #74998520;border-radius:50%;right:-90px;top:-145px;box-shadow:0 0 0 100px #74998508,0 0 0 210px #74998505;pointer-events:none}.hero-inner{min-height:688px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding-block:76px 80px;position:relative}.hero-copy{z-index:2}.hero .eyebrow{color:#c9dacb;font-size:10px;letter-spacing:.14em;margin-bottom:25px}.hero .eyebrow::before{background:var(--white)}.hero h1{font-size:clamp(58px,6.05vw,88px);line-height:.98;letter-spacing:-.048em;max-width:650px;text-transform:uppercase}.hero h1 span{color:var(--white)}.hero-description{font-size:15px;line-height:1.8;color:#bbcec3;max-width:405px;margin:25px 0 29px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-secondary{font-size:12px;color:#e4ece5;text-decoration:none;border-bottom:1px solid #c1d4c166;padding-bottom:4px}.hero-secondary:hover{color:var(--white)}.hero-note{font-size:11px;color:#a8bfb0;margin-top:18px}.hero-note span{color:var(--white);margin-right:5px}.product-stage{min-width:0;width:100%;margin:0}.stage-caption{display:flex;align-items:center;justify-content:center;gap:8px;color:#bed2c5;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.stage-caption::before{content:'';height:6px;width:6px;border-radius:50%;background:var(--white)}.hero-mockup{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.mockup-caption{font-size:10px;color:#a6bdac;text-align:center;margin-top:12px}.hero-bottom{border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px;color:#b5c7b9;font-size:11px}.hero-bottom strong{font-weight:500;color:#eff6eb}.hero-bottom .mini-mark{font-size:15px;margin-right:8px;color:var(--white)}.feature-strip{background:var(--white);padding-block:23px;color:var(--forest);overflow:hidden}.feature-strip .container{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.feature-strip span{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.09em}.feature-strip span::before{content:'✳';font-size:16px;margin-right:13px}
/* Recursos */
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.benefit{border-top:1px solid var(--border);padding:25px 6px 12px 0}.benefit-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.benefit-icon{width:46px;height:46px;border:1px solid #c9dacf;border-radius:13px;display:grid;place-items:center;color:var(--primary-dark)}.benefit-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.benefit-number{font-size:11px;color:#93a198}.benefit h3{font-size:19px;line-height:1.25;margin-bottom:13px}.benefit p{font-size:13px;line-height:1.8}.benefits-bottom{border-top:1px solid var(--border);margin-top:39px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.benefits-bottom a{font-size:12px}.soft-section{background:var(--surface)}.secao-titulo{max-width:790px;margin:0 auto 42px;text-align:center}.secao-titulo p{margin-top:19px;font-size:14px;line-height:1.8}.secao-titulo h2{text-transform:uppercase}.abas-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.aba-btn{border:1px solid #d5dfd4;background:transparent;border-radius:999px;padding:12px 19px;font-size:11px;font-weight:600}.aba-btn[aria-selected=true]{background:var(--forest);border-color:var(--forest);color:white}.aba-btn:hover{border-color:var(--forest)}.aba-painel{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;background:#fff;padding:52px;border:1px solid #e3e9df;border-radius:22px}.aba-painel h3{font-size:30px;line-height:1.16;max-width:380px;margin-bottom:25px}.aba-lista{list-style:none}.aba-lista li{position:relative;padding-left:22px;margin-bottom:13px;font-size:12px;color:var(--muted);line-height:1.8}.aba-lista li::before{content:'✓';color:var(--primary);position:absolute;left:0;font-weight:700}.aba-link{display:inline-flex;gap:14px;align-items:center;color:var(--primary-dark);font-size:12px;font-weight:700;text-decoration:none;margin-top:15px}.aba-link:hover{text-decoration:underline}.aba-figura{min-width:0;margin:0}.aba-figura img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.platform-section{background:var(--forest);color:#fff}.platform-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.platform-copy h2{text-transform:uppercase}.platform-copy h2 span{color:var(--white)}.platform-copy>p{color:#b5cbbd;margin-top:23px;font-size:14px;max-width:470px}.platform-copy .text-link{margin-top:28px;color:var(--white);font-size:12px}.platform-list{margin-top:27px;display:flex;gap:18px;flex-wrap:wrap;list-style:none;font-size:10px;color:#cfe1d3}.platform-list li::before{content:'✓';margin-right:6px;color:var(--white)}.platform-visual{min-width:0}.platform-visual>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.platform-label{position:relative;color:#c0d7c5;font-size:10px;margin:24px 0 0 8px;display:flex;gap:12px;align-items:center}.platform-label::before{content:'';height:6px;width:6px;background:var(--white);border-radius:50%}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{padding-top:22px;border-top:1px solid var(--border)}.step>span{font-family:Archivo,Arial,sans-serif;font-size:49px;letter-spacing:-.06em;color:#c2d3be;font-weight:800}.step h3{font-size:20px;margin:20px 0 14px}.step p{font-size:13px;line-height:1.8}.onboarding-note{font-size:12px;margin-top:30px}.onboarding-note a{color:var(--primary-dark)}
/* Prova real e conteúdo administrável */
.customer-section{background:#edf1e7}.customer-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.customer-copy h2{text-transform:uppercase}.customer-copy>p{font-size:14px;line-height:1.8;max-width:430px;margin-top:22px}.customer-brand{margin-top:32px;display:flex;gap:14px;align-items:center}.customer-monogram{width:52px;height:52px;display:grid;place-items:center;background:var(--forest);border-radius:50%;color:var(--white);font-size:15px;font-weight:700}.customer-brand strong{font-size:14px}.customer-brand small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.dep-video{border-radius:18px;overflow:hidden;background:var(--forest);padding:10px}.dep-video video{width:100%;height:330px;object-fit:contain;background:#09261d;border-radius:10px}.dep-video figcaption{display:flex;justify-content:space-between;color:#cbdecf;font-size:10px;padding:13px 9px 6px}.stats-band{background:var(--surface)}#grid-stats{display:flex;justify-content:center;gap:100px;flex-wrap:wrap;padding:38px}.numero-item{text-align:center}.numero-item .valor{font-size:36px;letter-spacing:-.05em;font-weight:800;color:var(--primary-dark)}.numero-item .rotulo{font-size:12px;color:var(--muted)}.grid-dep{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.dep-card{padding:30px;border:1px solid var(--border);border-radius:16px;background:#fff}.stars{color:#43873a;letter-spacing:3px;font-size:12px}.dep-card>p{margin-block:20px;font-size:14px}.dep-autor{display:flex;align-items:center;gap:12px}.dep-avatar{height:38px;width:38px;border-radius:50%;background:#e5efdf;display:grid;place-items:center;color:var(--primary-dark);font-weight:700}.dep-nome{font-size:12px;font-weight:700}.dep-cargo{font-size:11px;color:var(--muted)}
/* Planos */
#planos{max-width:1040px}.ciclo-toggle-wrap{display:flex;justify-content:center;margin-bottom:45px}.ciclo-toggle{display:flex;background:#edf2e8;border:1px solid #dce5d6;border-radius:999px;padding:5px;gap:5px}.ciclo-opcao{padding:10px 22px;border:0;background:transparent;border-radius:999px;font-size:12px;font-weight:600}.ciclo-opcao.ativo{background:var(--forest);color:#fff}.ciclo-desconto{font-size:10px;color:#256326;margin-left:4px}.ativo .ciclo-desconto{color:var(--white)}.ciclo-thumb{display:none}.grid-planos{display:flex;gap:22px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 2px 16px;scrollbar-width:thin}.plano-card{position:relative;flex:1 0 295px;min-width:0;border:1px solid var(--border);padding:35px;border-radius:18px;display:flex;flex-direction:column;scroll-snap-align:center}.plano-card.destaque{border-color:var(--forest);background:var(--forest);color:#fff}.plano-card h3{font-size:23px}.plano-sub{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.5;min-height:56px}.destaque .plano-sub{color:#bcd3c3}.tag-popular{position:absolute;top:-13px;right:25px;border-radius:30px;background:var(--white);color:var(--forest);font-size:10px;font-weight:700;padding:5px 15px;text-transform:uppercase;letter-spacing:.06em}.plano-preco-periodo{margin:24px 0;border-bottom:1px solid #dce5dd;padding-bottom:25px;min-height:120px}.destaque .plano-preco-periodo{border-color:#ffffff26}.plano-preco{font-size:53px;line-height:1;letter-spacing:-.07em;font-weight:700;display:inline-block}.plano-periodo{font-size:12px;margin-top:9px;color:var(--muted)}.destaque .plano-periodo,.destaque .plano-anual-total{color:#bcd3c3}.plano-anual-total{font-size:11px;color:var(--muted);margin-top:8px}.plano-economia{font-size:11px;color:var(--primary);margin-top:8px}.destaque .plano-economia{color:var(--white)}.plano-features{list-style:none;margin-bottom:28px;flex:1}.plano-features li{font-size:12px;padding:7px 0 7px 22px;position:relative}.plano-features li::before{content:'✓';color:var(--primary);position:absolute;left:0}.destaque .plano-features li::before{color:var(--white)}.destaque .btn-primary{background:var(--white);color:var(--forest)}.planos-carrossel-wrap{position:relative}.planos-nav{position:absolute;top:48%;z-index:2;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:#fff;font-size:25px;line-height:1}.planos-nav.prev{left:-17px}.planos-nav.next{right:-17px}.plans-note{text-align:center;font-size:11px;margin-top:22px}
/* FAQ, CTA e rodapé */
.faq-layout{display:grid;grid-template-columns:.7fr 1fr;gap:100px}.faq-intro{position:sticky;top:128px;align-self:start}.faq-intro h2{text-transform:uppercase}.faq-intro p{font-size:13px;max-width:280px;margin:23px 0}.faq-intro a{font-size:12px}.faq-lista details{border-bottom:1px solid #cfdacc}.faq-lista details:first-child{border-top:1px solid #cfdacc}.faq-lista summary{cursor:pointer;position:relative;list-style:none;padding:23px 36px 23px 0;font-weight:600;font-size:13px;line-height:1.6}.faq-lista summary::-webkit-details-marker{display:none}.faq-lista summary::after{content:'+';position:absolute;right:3px;top:20px;font-weight:400;font-size:22px;color:var(--primary-dark)}.faq-lista details[open] summary::after{content:'−'}.faq-resposta{padding:0 22px 24px 0;font-size:12px;line-height:1.9;color:var(--muted)}.faq-resposta a{color:var(--primary-dark);font-weight:600}.cta-final{background:var(--white);overflow:hidden}.cta-final-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-block:72px;position:relative}.cta-final h2{text-transform:uppercase;font-size:clamp(40px,4.6vw,65px);max-width:780px}.cta-final p{font-size:12px;color:#3d5937;margin-top:19px}.cta-final .btn{background:var(--forest);color:#fff;white-space:nowrap;flex-shrink:0}.cta-final .btn:hover{background:#14513d}footer{background:var(--forest-deep);color:#cad9cd;padding:64px max(48px,calc((100% - 1280px)/2)) 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:36px}.logo-wrap{display:inline-block;background:rgba(255,255,255,.96);border-radius:10px;padding:8px 14px}.logo-wrap img{width:166px}.footer-brand p{font-size:11px;color:#9cb4a3;line-height:1.9;max-width:290px;margin-top:21px}.footer-brand .footer-nota{font-size:10px;margin-top:14px}.footer-col h4{color:#f0f6ed;font-size:11px;font-weight:600;margin:9px 0 23px}.footer-col a{display:block;text-decoration:none;color:#9cb4a3;font-size:10px;margin-bottom:12px}.footer-col a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff16;margin-top:45px;padding:23px 0;font-size:10px;color:#8fa897}.footer-bottom a{text-decoration:none}
/* Cadastro / checkout */
.dialog-open{overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#031a13aa;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal-overlay.escondido{display:none}.modal-box{background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px;width:100%;max-width:500px;max-height:92dvh;overflow-y:auto;box-shadow:0 32px 80px #0004}.logo-modal{display:flex;justify-content:center;margin-bottom:24px}.logo-modal img{width:180px}.modal-box h2{font-family:Inter,Arial,sans-serif;text-align:center;font-size:26px;letter-spacing:-.04em}.subtitulo{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 25px}.campo{margin-bottom:16px}.campo label{display:block;font-size:12px;color:var(--text);font-weight:600;margin-bottom:6px}.campo input,.campo select{width:100%;border:1px solid #cfdbd0;border-radius:8px;background:#fff;min-height:43px;padding:10px 12px;font-size:13px;color:var(--text)}.campo input[type=checkbox]{width:auto;min-height:0;accent-color:var(--primary)}.campo input:focus,.campo select:focus{outline:2px solid #16a34a44;border-color:var(--primary)}.campo-row{display:grid;gap:10px;margin-bottom:16px}.campo-row .campo{margin:0;min-width:0}.row-3{grid-template-columns:repeat(3,1fr)}.row-2{grid-template-columns:1fr 1fr}.campo-cep-status{font-size:10px;color:var(--muted);margin-top:5px}.modal-acoes{display:flex;gap:10px;margin-top:24px}.modal-acoes .btn{flex:1;padding-inline:12px;font-size:12px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:999;max-width:calc(100% - 48px)}.toast{padding:14px 22px;border-radius:12px;color:#fff;font-size:13px;box-shadow:0 12px 32px #0002;max-width:340px}.toast-sucesso{background:#15803d}.toast-erro{background:var(--danger)}.toast-info{background:var(--info)}#btn-suporte-flutuante a:hover{transform:translateY(-3px)}
@media(min-width:1500px){.hero-inner{gap:55px}.hero h1{font-size:90px}}
@media(max-width:1100px){.container,.secao{width:calc(100% - 56px)}.nav-inner{gap:24px}.nav-links{gap:19px}.nav-actions{gap:19px}.brand img{width:155px}.hero-inner{gap:20px;min-height:640px}.hero h1{font-size:67px}.hero-description{max-width:350px;font-size:14px}.hero-actions{gap:16px}.hero-actions .btn{padding-inline:22px;font-size:12px}.benefits-grid{gap:20px}.benefit h3{font-size:18px}.aba-painel{padding:35px;gap:35px}.platform-layout,.customer-layout{gap:50px}.faq-layout{gap:60px}.footer-grid{grid-template-columns:1.3fr repeat(4,1fr);gap:22px}footer{padding-inline:28px}.nav-login{font-size:12px}.nav-actions .btn{padding-inline:17px}.hero-bottom{font-size:10px;gap:14px}}
@media(max-width:900px){.nav-links{gap:16px}.nav-links a{font-size:11px}.nav-actions{gap:15px}.nav-login{display:none}.hero-inner{grid-template-columns:1fr;gap:15px;padding-block:60px 46px;max-width:700px}.hero-copy{text-align:center}.hero h1{font-size:80px;max-width:650px;margin-inline:auto}.hero-description{max-width:480px;margin-inline:auto}.hero-actions{justify-content:center}.product-stage{max-width:620px;margin:20px auto 0}.hero-bottom{flex-wrap:wrap;justify-content:center;gap:14px 34px}.feature-strip .container{justify-content:center;gap:12px 25px}.feature-strip span{font-size:9px}.feature-strip span::before{font-size:13px;margin-right:7px}.secao{padding-block:76px}.section-head{gap:30px}.section-head h2{font-size:43px}.section-head>p{max-width:260px;font-size:12px}.benefits-grid{grid-template-columns:1fr 1fr;gap:36px}.benefit-top{margin-bottom:22px}.aba-painel{grid-template-columns:1fr 1fr;padding:30px;gap:25px}.aba-painel h3{font-size:25px}.aba-lista li{font-size:11px}.aba-btn{padding:10px 14px;font-size:10px}.platform-layout{gap:32px}.platform-copy h2{font-size:42px}.platform-copy>p{font-size:12px}.customer-layout{gap:35px}.customer-copy h2{font-size:42px}.dep-video video{height:310px}.faq-layout{grid-template-columns:.65fr 1fr;gap:40px}.faq-intro h2{font-size:43px}.cta-final-inner{gap:25px}.cta-final h2{font-size:44px}.cta-final .btn{font-size:12px;padding-inline:22px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:28px}.footer-brand{grid-column:1/-1;display:flex;align-items:flex-start;gap:30px}.footer-brand p{margin:0}.footer-brand .footer-nota{margin:0}.steps-grid{gap:30px}}
@media(max-width:680px){html{scroll-padding-top:82px}.container,.secao{width:calc(100% - 40px)}#navbar{height:72px}.nav-inner{gap:14px}.brand img{width:141px}.nav-actions{margin-left:auto;gap:10px}.nav-actions .btn{font-size:10px;min-height:37px;padding:8px 14px}.menu-toggle{display:flex;flex-shrink:0;width:37px;height:37px}.nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:20px;flex-direction:column;gap:0;border-bottom:1px solid var(--border);box-shadow:0 12px 20px #0001;align-items:stretch}.nav-links.is-open{display:flex}.nav-links a{font-size:14px;padding:13px 8px}.nav-links .mobile-login{display:block}.hero-inner{padding-block:44px 30px;gap:13px}.hero-copy{text-align:left}.hero .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:23px}.hero h1{font-size:clamp(52px,11.5vw,74px);line-height:1;max-width:480px;margin:0}.hero-description{font-size:13px;max-width:370px;line-height:1.8;margin:20px 0 24px}.hero-actions{justify-content:flex-start;gap:20px}.hero-actions .btn{font-size:12px;min-height:51px;padding:14px 21px}.hero-secondary{font-size:10px}.hero-note{font-size:10px}.product-stage{max-width:510px;margin:24px auto 0}.stage-caption{font-size:8px;letter-spacing:.08em}.mockup-caption{font-size:9px;margin-top:8px}.hero-bottom{padding:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:9px}.hero-bottom>span:last-child{grid-column:1/-1}.hero-bottom .mini-mark{font-size:12px}.feature-strip{padding:18px 0}.feature-strip .container{gap:12px 17px;justify-content:flex-start}.feature-strip span{font-size:8px;letter-spacing:.05em}.secao{padding-block:60px}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:39px}.section-head>p{max-width:340px;margin-top:20px;font-size:13px}.eyebrow,.tag{font-size:9px;margin-bottom:15px}.benefits-grid{gap:25px 22px}.benefit{padding-top:18px}.benefit-top{margin-bottom:22px}.benefit-icon{width:38px;height:38px;border-radius:10px}.benefit-icon svg{width:21px}.benefit h3{font-size:17px}.benefit p{font-size:11px;line-height:1.8}.benefit-number{font-size:9px}.benefits-bottom{display:block;margin-top:27px;padding-top:20px;font-size:11px}.benefits-bottom a{margin-top:14px;font-size:11px}.secao-titulo{text-align:left;margin-bottom:28px}.secao-titulo h2{font-size:39px}.secao-titulo p{font-size:12px;margin-top:16px}.abas-nav{justify-content:flex-start;gap:7px;margin-bottom:23px}.aba-btn{padding:9px 13px;font-size:10px}.aba-painel{grid-template-columns:1fr;padding:24px;gap:25px;border-radius:15px}.aba-painel h3{font-size:25px;margin-bottom:20px}.aba-lista li{font-size:12px}.aba-figura{order:-1}.aba-link{font-size:11px}.platform-layout{grid-template-columns:1fr;gap:38px}.platform-copy h2{font-size:43px}.platform-copy>p{font-size:13px;margin-top:20px}.platform-visual{max-width:510px;margin-inline:auto;width:100%}.platform-list{gap:13px}.platform-label{font-size:9px}.steps-grid{grid-template-columns:1fr;gap:28px}.step{display:grid;grid-template-columns:54px 1fr;column-gap:20px;padding-top:22px}.step>span{grid-row:1/3;font-size:42px}.step h3{margin:4px 0 10px;font-size:19px}.step p{font-size:12px}.onboarding-note{font-size:11px}.customer-layout{grid-template-columns:1fr;gap:32px}.customer-copy h2{font-size:42px}.customer-copy>p{font-size:13px}.customer-brand{margin-top:24px}.dep-video video{height:340px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-intro{position:static}.faq-intro h2{font-size:43px}.faq-intro p{margin:18px 0;max-width:320px}.faq-lista summary{font-size:12px;padding-block:20px}.faq-resposta{font-size:12px}.cta-final-inner{display:block;padding-block:53px}.cta-final h2{font-size:43px}.cta-final p{font-size:11px}.cta-final .btn{margin-top:25px;min-height:52px;font-size:12px}footer{padding:48px 20px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-brand{display:block}.footer-brand p{max-width:330px;margin-top:20px}.footer-brand .footer-nota{margin-top:12px;max-width:350px}.footer-col h4{margin-top:0;margin-bottom:19px;font-size:12px}.footer-col a{font-size:11px}.footer-bottom{display:block;font-size:9px}.footer-bottom>span{display:block;margin:6px 0}.modal-box{padding:25px 21px}.row-3{grid-template-columns:1fr 1fr}.row-3>.campo:last-child{grid-column:1/-1}.modal-box h2{font-size:25px}#grid-stats{gap:27px;padding:28px 10px}.numero-item .valor{font-size:27px}.numero-item .rotulo{font-size:10px}.plano-card{flex-basis:280px;padding:28px}.grid-planos{gap:16px}.planos-nav.prev{left:-10px}.planos-nav.next{right:-10px}}
@media(min-width:681px){.nav-links .mobile-login{display:none}}
@media(max-width:680px){.campo input,.campo select{font-size:16px}}
@media(max-width:360px){.brand img{width:122px}.nav-inner{gap:9px}.nav-actions .btn{padding-inline:11px;font-size:9px}.nav-actions .btn span{display:none}.hero-actions{gap:15px}.hero-actions .btn{font-size:11px;padding-inline:16px}.hero-secondary{font-size:9px}.hero h1{font-size:50px}}
/* Do primeiro contato à escolha do plano. */
.onboarding-start{margin-top:44px;padding:32px 36px;background:var(--forest);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:32px;color:var(--white)}
.onboarding-start .eyebrow{font-size:9px;color:#c4d6ca;margin-bottom:12px}
.onboarding-start .eyebrow::before{background:var(--white)}
.onboarding-start h3{font-size:25px;line-height:1.2}
.onboarding-start p{color:#bed0c4;font-size:12px;margin-top:10px}
.onboarding-start .btn{flex-shrink:0}
.onboarding-note{margin-top:20px}
.ciclo-toggle-wrap{margin-bottom:30px}
.ciclo-opcao{min-height:44px}
.grid-planos{scroll-padding-inline:2px}
.plano-card>.btn{width:100%;margin-top:auto}
.plano-card h3{overflow-wrap:anywhere}
.plano-card.destaque .btn-outline{border-color:#829e8c;color:#fff}
.plano-card.destaque .btn-outline:hover{background:#ffffff12}
.planos-nav{width:44px;height:44px;box-shadow:0 3px 12px #082d2410}
.planos-nav.prev{left:-22px}.planos-nav.next{right:-22px}
.planos-nav:hover:not(:disabled){background:var(--white);border-color:var(--white)}
.planos-nav:disabled{opacity:.4;cursor:default}
.planos-status{font-size:12px;text-align:center;margin:18px auto 0;max-width:550px;line-height:1.7}
.plans-note a{color:var(--primary-dark);text-underline-offset:3px}
.faq-lista details[open] summary{color:var(--primary-dark)}
.faq-lista summary:hover{color:var(--primary-dark)}
@media(max-width:680px){
  .onboarding-start{margin-top:32px;padding:27px 24px;display:block;border-radius:16px}
  .onboarding-start h3{font-size:24px;max-width:260px}
  .onboarding-start p{font-size:12px;line-height:1.8}
  .onboarding-start .btn{width:100%;margin-top:23px;font-size:12px;min-height:50px}
  .ciclo-toggle-wrap{justify-content:flex-start;margin-bottom:20px}
  .ciclo-opcao{padding-inline:20px}
  .plano-card{flex:1 0 min(295px,calc(100% - 16px));padding:28px 25px}
  .plano-preco{font-size:48px}
  .planos-nav.prev{left:-17px}.planos-nav.next{right:-17px}
  .planos-status,.plans-note{text-align:left;font-size:11px}
  .cta-final .btn{width:100%;white-space:normal;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover{transform:none}}

/* Recursos que completam a rotina da farmácia */
.routine-section{padding-bottom:0}.routine-section .section-head h2{max-width:720px}.routine-section .section-head>p{max-width:340px}.routine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}.routine-card{border-top:1px solid var(--border);padding-top:23px;min-width:0}.routine-number{display:block;font-size:9px;letter-spacing:.1em;font-weight:600;color:var(--primary-dark);margin-bottom:17px}.routine-card h3{font-size:22px;line-height:1.2;margin-bottom:18px}.routine-card ul{list-style:none;display:grid;gap:12px}.routine-card li{position:relative;padding-left:17px;color:var(--muted);font-size:13px;line-height:1.75}.routine-card li::before{content:'';position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--primary);border-radius:50%}.routine-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--border);margin-top:36px;padding-top:23px;font-size:12px}.routine-footer .text-link{flex-shrink:0}
@media(max-width:900px){.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.routine-card h3{font-size:21px}.routine-footer{align-items:flex-start}.routine-footer p{max-width:280px}}
@media(max-width:680px){.routine-grid{grid-template-columns:1fr;gap:28px}.routine-card{padding-top:20px}.routine-number{margin-bottom:13px}.routine-card h3{font-size:22px;margin-bottom:16px}.routine-card li{font-size:13px}.routine-footer{display:block;margin-top:28px;padding-top:20px}.routine-footer p{max-width:none}.routine-footer .text-link{margin-top:16px}}

/* Vidro nos destaques: superfícies claras e superfícies sobre floresta. */
.btn-lime,.destaque .btn-primary,.tag-popular{background:var(--sp-glass-dark-bg);color:var(--white);border:1px solid var(--sp-glass-dark-border);box-shadow:var(--sp-glass-shadow);backdrop-filter:blur(var(--sp-glass-blur));-webkit-backdrop-filter:blur(var(--sp-glass-blur));}
.btn-lime:hover,.destaque .btn-primary:hover{background:var(--sp-glass-dark-hover);color:var(--white)}
.tag-popular{background:var(--sp-glass-bg);color:var(--forest);border-color:var(--sp-glass-border)}
.hero :focus-visible,.platform-section :focus-visible,.onboarding-start :focus-visible,.plano-card.destaque :focus-visible,footer :focus-visible{outline-color:var(--white)}
.feature-strip,.cta-final{background:linear-gradient(120deg,rgba(255,255,255,.80),rgba(255,255,255,.58)),var(--surface);border-top:1px solid var(--sp-glass-border);border-bottom:1px solid var(--sp-glass-border);box-shadow:var(--sp-glass-shadow);backdrop-filter:blur(var(--sp-glass-blur));-webkit-backdrop-filter:blur(var(--sp-glass-blur));}
.cta-final p{color:var(--muted)}
.planos-nav:hover:not(:disabled){background:var(--sp-glass-hover);border-color:var(--sp-glass-border);box-shadow:var(--sp-glass-shadow);backdrop-filter:blur(var(--sp-glass-blur));-webkit-backdrop-filter:blur(var(--sp-glass-blur));}
@media(prefers-reduced-transparency:reduce){.feature-strip,.cta-final{background:var(--surface)}}

/* Plano Rede — faixa fora do grid de cards. O grid é montado de /api/planos e
   todo plano pago ganha "Assinar agora" (checkout de uma farmácia); rede é
   montada pelo super admin, então o convite aqui é falar com a gente. */
.rede-faixa{margin-top:44px;border:1px solid var(--sp-glass-border);border-radius:var(--radius);background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(255,255,255,.60)),var(--surface);box-shadow:var(--sp-glass-shadow);backdrop-filter:blur(var(--sp-glass-blur));-webkit-backdrop-filter:blur(var(--sp-glass-blur));padding:36px 38px}
.rede-conteudo{max-width:760px}
.rede-faixa h3{font-size:30px;line-height:1.15;margin:10px 0 14px}
.rede-chamada{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:22px;max-width:60ch}
.rede-itens{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px;margin-bottom:22px}
.rede-itens li{position:relative;padding-left:18px;font-size:13px;line-height:1.75;color:var(--muted);min-width:0}
.rede-itens li strong{color:var(--forest)}
.rede-itens li::before{content:'';position:absolute;left:0;top:.72em;width:5px;height:5px;background:var(--primary);border-radius:50%}
/* O limite fiscal tem cara de aviso e não de item: quem lê a lista rápido não
   pode confundir "não emite NF-e" com mais uma funcionalidade. */
.rede-limite{font-size:12.5px;line-height:1.7;color:var(--muted);border-left:3px solid var(--primary);padding:10px 0 10px 14px;margin-bottom:24px;max-width:66ch}
.rede-limite strong{color:var(--forest)}
.rede-acoes{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
@media(max-width:680px){
  .rede-faixa{margin-top:32px;padding:28px 24px;border-radius:16px}
  .rede-faixa h3{font-size:24px}
  .rede-itens{grid-template-columns:1fr;gap:12px}
  .rede-acoes .btn{width:100%;text-align:center}
}
@media(prefers-reduced-transparency:reduce){.rede-faixa{background:var(--surface)}}