/* Identidade extraída do manual Simplee: verde #6FE726, grafite #333333 e branco. */
:root{
  --ink:#333333;
  --ink-deep:#2e2e2e;
  --olive:#333333;
  --paper:#f8f8f6;
  --card:#fff;
  --lime:#6fe726;
  --moss:#35760e;
  --fog:#c8c8c8;
  --slate:#666b64;
  --rule-dark:#505050;
  --rule-light:#e5e7e2;
}
body{background:#333}
.topbar{background:#333;border-bottom:1px solid #4c4c4c;box-shadow:0 8px 28px rgba(0,0,0,.12)}
.topbar-actions .login{color:#fff}
.btn,.btn.sm{background:#6fe726;color:#282828;box-shadow:0 12px 25px rgba(35,35,35,.12)}
.btn:hover,.btn.sm:hover{background:#8bf049}
.btn.ghost{background:transparent;color:#fff;border-color:#777;box-shadow:none}
.btn.ghost:hover{background:#484848}
.eyebrow,.band.light .eyebrow{color:#6fe726}
.band.light .eyebrow{color:#35760e}
.kicker{color:#6fe726}
.band.light .kicker{color:#35760e}
.band,.band.deep{background:#333}
.band.light{background:#f8f8f6}
main > .band:first-child{background:#333}
main > .band:first-child::before{
  inset:auto;
  width:min(72vw,900px);
  height:min(72vw,900px);
  right:-29%;
  top:-60%;
  border-radius:42% 58% 58% 42% / 64% 38% 62% 36%;
  transform:rotate(43deg);
  background:#6fe726;
  opacity:.13;
  mask-image:none;
}
main > .band:first-child::after{
  content:"";
  position:absolute;
  left:-16%;
  bottom:-54%;
  width:min(62vw,720px);
  height:min(62vw,720px);
  border-radius:56% 44% 40% 60% / 41% 61% 39% 59%;
  transform:rotate(40deg);
  background:#6fe726;
  opacity:.06;
  pointer-events:none;
}
.hero{z-index:1}
.hero-note{color:#c4c4c4}
.lead{color:#d0d0d0}
.band.light .lead{color:#606760}
.ladder{color:#333;border-color:#e4e4e0;box-shadow:0 34px 80px rgba(0,0,0,.25)}
.ladder-head span{color:#6c6c6c}
.ladder-head span:last-child{color:#35760e !important}
.lrow{border-color:#e7e7e3}
.lrow .hint{color:#777}
.lfield{background:#f7f7f5;border-color:#e4e4e0}
.lfield input{color:#333}
.lfield .cur{color:#6b6b6b}
.outval,.is-good,.covnum.is-good{color:#35760e}
.cov{background:#f0faea;border-color:#d8edca}
.cov .lab,.covnote{color:#4f6850}
.pill.is-good{background:#daf4cd;color:#35760e}
.disclaim{border-color:#e5e5e0;color:#737773}
.screen{border-color:#e5e5e0;box-shadow:0 24px 52px rgba(0,0,0,.14)}
.screen-bar{background:#fafaf8;border-color:#e7e7e4}
.screen-bar::before{background:#6fe726;box-shadow:14px 0 #a2ec80,28px 0 #d5f5c5}
.screen-bar .ttl{color:#333}
.sline.total{border-color:#6fe726}
.sline.total .v,.sub{color:#35760e}
.simbox{background:#f6fbeF;border-color:#e1efd8}
.simbox .st,.badge.ok{color:#35760e}
.bevbar .seg2{background:#6fe726}
main > .band:nth-of-type(2) .row2{border-color:#e5e5e0;box-shadow:0 10px 24px rgba(0,0,0,.04)}
main > .band:nth-of-type(2) .row2 b{color:#35760e}
main > .band:nth-of-type(3){background:#333}
main > .band:nth-of-type(3)::before{
  content:"";
  position:absolute;
  right:-190px;
  top:-210px;
  width:520px;
  height:520px;
  border-radius:50% 50% 45% 55% / 42% 55% 45% 58%;
  background:#6fe726;
  opacity:.08;
  transform:rotate(-32deg);
}
.card{background:#404040;border-color:#565656}
.card .d{color:#d1d1d1}
.card.hi{background:#6fe726;border-color:#6fe726;box-shadow:0 20px 38px rgba(0,0,0,.14)}
.card.hi .t,.card.hi .d{color:#333}
.feat{background:#404040;border-color:#565656}
.feat .dot{background:#6fe726;box-shadow:0 0 0 5px rgba(111,231,38,.15)}
.case{box-shadow:0 18px 45px rgba(0,0,0,.14)}
.case .tag{background:#e9fbdc;color:#35760e}
.case .nr.key{border-color:#6fe726}
main > .band:nth-of-type(8) .row2{border-color:#e5e5e0}
main > .band:nth-of-type(8) .row2 b{color:#35760e}
.pstep,.step,.scard{border-color:#e5e7e2;box-shadow:0 12px 26px rgba(0,0,0,.05)}
.pstep .n,.pstep .c,.step .t,.scard .t{color:#35760e}
.pstep.free{background:#333;border-color:#333}
.pstep.free .n,.pstep.free .c{color:#6fe726}
.plan{background:#6fe726;color:#333;box-shadow:0 22px 55px rgba(0,0,0,.15)}
.plan .sb,.plan .inc{color:#333}
.plan.base{background:#fff;color:#333;border-color:#e5e5e0}
.plan.base .sb,.plan.base .inc{color:#666}
.plan.base .inc b{color:#333}
.plan .btn{background:#333;color:#fff}
.plan .btn:hover{background:#484848}
.plan.base .btn{background:#333;color:#fff}
.plan.base .btn:hover{background:#484848}
.addon,.aside{background:#404040;border-color:#565656}
.addon .t,.aside .t{color:#6fe726}
main > .band:nth-of-type(12){background:#333}
main > .band:nth-of-type(12)::before{
  content:"";
  position:absolute;
  right:-250px;
  bottom:-430px;
  width:740px;
  height:740px;
  border-radius:48% 52% 58% 42% / 62% 36% 64% 38%;
  transform:rotate(36deg);
  background:#6fe726;
  opacity:.09;
  pointer-events:none;
}
.close{position:relative;z-index:1}
.formwrap{color:#333;box-shadow:0 25px 55px rgba(0,0,0,.2)}
.field label{color:#444}
.field input,.field select{background:#fafaf8;border-color:#dcded9;color:#333}
.field input:focus,.field select:focus{border-color:#6fe726;box-shadow:0 0 0 3px rgba(111,231,38,.18)}
.field input::placeholder{color:#888}
.formfoot small{color:#6c6c6c}
.sent{background:#f5fbed;border-color:#b6e69b}
.sent h3{color:#35760e}
footer{background:#2e2e2e;border-color:#4a4a4a}
.foot small{color:#cacaca}
@media(max-width:620px){
  main > .band:first-child::before{top:-8%;right:-120%;width:600px;height:600px}
  main > .band:first-child::after{left:-90%;bottom:-12%;width:500px;height:500px}
}

/* Composição da LP em telas grandes e pequenas. */
.topbar-links{display:flex;align-items:center;gap:30px;margin-inline:auto 26px}
.topbar-links a{color:#d6d6d6;text-decoration:none;font-size:.86rem;font-weight:600;transition:color .2s ease}
.topbar-links a:hover,.topbar-links a:focus-visible{color:#6fe726}
#tela,#como-comeca,#planos,#falar{scroll-margin-top:82px}
.wrap{padding-block:88px}
.wrap.tight{padding-block:82px}
h2{font-size:clamp(2.3rem,3.8vw,3.65rem);max-width:20ch}
.lead{line-height:1.65}
.hero{padding-block:90px 98px;gap:62px;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)}
.hero h1{font-size:clamp(3.25rem,5.5vw,5.25rem);max-width:12ch}
.hero .lead{margin-top:24px}
.hero-cta{margin-top:26px}
.rows,.cards,.price,.duo,.path,.steps,.soon{margin-top:38px}
.grid3{margin-top:30px}
.card{min-height:135px}
.case .who{color:#333}
.case .fix{color:#333}
.pstep .t,.step .v{color:#333}
.pstep.free{background:#6fe726;border-color:#6fe726;color:#333}
.pstep.free .n,.pstep.free .c,.pstep.free .t,.pstep.free p{color:#333}
.pstep.free .n{font-weight:700}
.pstep,.step{min-height:100%;padding:25px}
.path{position:relative}
.path::before{content:"";position:absolute;left:10%;right:10%;top:0;border-top:2px solid #6fe726;pointer-events:none}
.steps{margin-top:16px}
.step .d,.pstep p{font-size:.9rem}
.scard{padding:24px}
.band.light .scard .t{color:#35760e}
main > section:nth-of-type(4) .wrap,
main > section:nth-of-type(6) .wrap{
 display:grid;
 grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
 column-gap:clamp(42px,6vw,90px);
 row-gap:20px;
 align-items:center;
}
main > section:nth-of-type(4) .eyebrow,
main > section:nth-of-type(6) .eyebrow{grid-column:1;grid-row:1;align-self:end;margin-bottom:0}
main > section:nth-of-type(4) h2,
main > section:nth-of-type(6) h2{grid-column:1;grid-row:2}
main > section:nth-of-type(4) .split,
main > section:nth-of-type(6) .split{display:contents}
main > section:nth-of-type(4) .split > :first-child,
main > section:nth-of-type(6) .split > :first-child{grid-column:1;grid-row:3;align-self:start}
main > section:nth-of-type(4) .split > .screen,
main > section:nth-of-type(6) .split > .screen{grid-column:2;grid-row:1 / 4;align-self:center}
main > section:nth-of-type(5) .wrap{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 column-gap:clamp(42px,6vw,85px);
 row-gap:18px;
 align-items:start;
}
main > section:nth-of-type(5) .eyebrow,
main > section:nth-of-type(5) h2,
main > section:nth-of-type(5) > .wrap > .lead{grid-column:1 / -1;margin-bottom:0}
main > section:nth-of-type(5) .split.flip{display:contents}
main > section:nth-of-type(5) .split > .screen{grid-column:1;grid-row:4 / 6;align-self:start;order:initial}
main > section:nth-of-type(5) .split > :first-child{grid-column:2;grid-row:4;order:initial;align-self:start}
main > section:nth-of-type(5) .grid3{grid-column:2;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}
main > section:nth-of-type(5) .feat{padding:15px 16px;gap:8px;border-radius:12px}
main > section:nth-of-type(5) .feat .dot{width:15px;height:15px;border-radius:5px;box-shadow:0 0 0 3px rgba(111,231,38,.12)}
main > section:nth-of-type(5) .feat h3{font-size:.94rem;line-height:1.3}
main > section:nth-of-type(5) .feat p{font-size:.81rem;line-height:1.55}
main > section:nth-of-type(5) .cap{margin:0;font-size:.89rem}
main > section:nth-of-type(8) .wrap{padding-block:72px}
main > section:nth-of-type(10) .plan{padding:32px}
main > section:nth-of-type(10) .plan .inc p + p{margin-top:12px}
main > section:nth-of-type(10) .extra{margin-top:15px}
.close{gap:15px 66px}
@media(max-width:1060px){
 .topbar-links{gap:16px;margin-right:12px}
 .topbar-links a{font-size:.8rem}
 .hero{gap:34px}
 main > section:nth-of-type(5) .grid3{gap:9px}
}
@media(max-width:900px){
 .topbar-links{display:none}
 .hero{grid-template-columns:1fr;gap:34px;padding-block:80px}
 main > section:nth-of-type(4) .wrap,
 main > section:nth-of-type(5) .wrap,
 main > section:nth-of-type(6) .wrap{display:block}
 main > section:nth-of-type(4) .split,
 main > section:nth-of-type(6) .split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
 main > section:nth-of-type(5) .split.flip{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
 main > section:nth-of-type(5) .split > .screen{grid-column:1;grid-row:1;order:initial}
 main > section:nth-of-type(5) .split > :first-child{grid-column:2;grid-row:1;align-self:center;order:initial}
 main > section:nth-of-type(5) .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
 .path,.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pstep,.step{padding:20px}
}
@media(max-width:700px){
 .wrap,.wrap.tight{padding-block:58px}
 h2{font-size:clamp(2.05rem,8vw,3rem)}
 .hero h1{font-size:clamp(3rem,10.5vw,4.1rem)}
 main > section:nth-of-type(4) .split,
 main > section:nth-of-type(5) .split.flip,
 main > section:nth-of-type(6) .split{display:flex;flex-direction:column;gap:22px}
 main > section:nth-of-type(5) .split > .screen{order:0;width:100%}
 main > section:nth-of-type(5) .split > :first-child{order:1}
 main > section:nth-of-type(5) .grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .path,.steps{grid-template-columns:1fr}
 .path::before{left:0;right:auto;top:0;bottom:0;border-top:0;border-left:2px solid #6fe726}
 .pstep{margin-left:14px}
 .pstep,.step{min-height:0;padding:22px}
 .step .v{font-size:1.3rem}
 .case .nr{flex-wrap:wrap}
 .case .nr b{white-space:normal;text-align:right}
 .plan .inc{font-size:.9rem}
 .plan .pr{font-size:1.3rem}
 .plan{padding:25px}
 .close{gap:15px}
}
@media(max-width:390px){
 .topbar-in{padding:9px 11px;gap:7px}
 .mark{height:24px}
 .topbar-actions{gap:8px}
 .topbar-actions .login{font-size:.72rem}
 .topbar-actions .btn{padding:8px 9px;font-size:.7rem}
 .wrap,.wrap.tight{padding-inline:18px;padding-block:52px}
 .hero{padding-block:62px}
 .hero h1{font-size:clamp(2.85rem,11vw,3.5rem)}
 .ladder{padding:19px 16px}
 .lfield input{width:6ch;font-size:.92rem}
 .outval{font-size:1.12rem}
 main > section:nth-of-type(5) .feat{padding:13px}
 main > section:nth-of-type(5) .feat h3{font-size:.87rem}
 main > section:nth-of-type(5) .feat p{font-size:.76rem}
}
@media(max-width:350px){
 .topbar-actions .login{display:none}
 .ladder .lrow{grid-template-columns:minmax(0,1fr);gap:5px;padding-block:17px}
 .ladder .lrow .hint{grid-column:1;grid-row:2;margin-top:0}
 .ladder .lfield{grid-column:1;grid-row:3;justify-self:start;margin-top:7px}
 .ladder .lfield input{width:8ch}
 .ladder .lrow.out .outval{grid-column:1;grid-row:2;justify-self:start;margin-top:4px}
 main > section:nth-of-type(5) .grid3{grid-template-columns:1fr}
}

/* Verde predominante com superfícies claras e escuras bem separadas. */
:root{
 --ink:#0d5135;
 --ink-deep:#083f2b;
 --olive:#176b48;
 --paper:#f3f8f0;
 --fog:#deeee2;
 --rule-dark:rgba(231,250,233,.19);
}
body{background:#0d5135}
.topbar{background:#f3f8f0;border-color:#d8e9d4;box-shadow:0 7px 24px rgba(5,55,32,.08)}
.brand-link{display:inline-flex;align-items:center;flex:none;border-radius:12px}
.brand-link:focus-visible{outline:3px solid #0d5135;outline-offset:3px}
.mark{height:42px;width:auto;max-width:100%;padding:0;background:transparent;border-radius:0;object-fit:contain;mix-blend-mode:multiply}
.topbar-links a,.topbar-actions .login{color:#174631}
.topbar-links a:hover,.topbar-links a:focus-visible{color:#0d5135;text-decoration:underline}
.topbar-actions .btn{background:#0d6540;color:#fff;box-shadow:none}
.topbar-actions .btn:hover{background:#083f2b;color:#fff}
.btn.ghost{border-color:rgba(255,255,255,.7);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.13)}
.band{background:#0d5135}
.band.deep{background:#083f2b}
.band.light{background:#f3f8f0}
main > .band:first-child{background:#0d5135}
main > .band:first-child::before{background:#76b882;opacity:.12}
main > .band:first-child::after{background:#76b882;opacity:.07}
.lead{color:#deeee2}
.hero-note{color:#d2e8d8}
main > .band:nth-of-type(3){background:#083f2b}
main > .band:nth-of-type(3)::before{background:#76b882;opacity:.09}
main > .band:nth-of-type(5){background:#105a3a}
main > .band:nth-of-type(7){background:#083f2b}
main > .band:nth-of-type(9){background:#105a3a}
main > .band:nth-of-type(10){background:#083f2b}
.card,.feat,.addon,.aside{background:#1c6949;border-color:#418363}
.card .d{color:#e1f0e4}
.card.hi{background:#bceaa5;border-color:#bceaa5}
.pstep.free{background:#bceaa5;border-color:#bceaa5}
.pstep.free .n,.pstep.free .c,.pstep.free .t,.pstep.free p{color:#18351d}
.plan{background:#bceaa5}
.plan .btn,.plan.base .btn{background:#075b32;color:#fff}
.plan .btn:hover,.plan.base .btn:hover{background:#064427}
main > .band:nth-of-type(12){background:#0d5135}
main > .band:nth-of-type(12)::before{background:#76b882;opacity:.1}
footer{background:#083f2b;border-color:rgba(222,255,226,.16)}
.foot .mark{height:32px;mix-blend-mode:normal}
.foot small{color:#d7e9d9}
main > section:nth-of-type(5) .split > .screen:first-child{grid-column:1;grid-row:4}
main > section:nth-of-type(5) .grid3{grid-row:4}
main > section:nth-of-type(5) .wrap{align-items:center}
@media(max-width:900px){
 main > section:nth-of-type(5) .split.flip{display:block}
 main > section:nth-of-type(5) .split > .screen{width:100%}
}
@media(max-width:620px){
 .mark{height:37px}
 .topbar-in{gap:8px}
}
@media(max-width:390px){
 .mark{height:33px}
 .topbar-actions{gap:7px}
 .lfield input{width:8ch}
}
@media(max-width:350px){.mark{height:28px}}