:root{color-scheme:light;--paper:#ededed;--ink:#142820;--green:#123a2f;--dark:#0e2e25;--lime:#d7f674;--muted:#4b6056;--line:#dce3d8;--white:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #608327;outline-offset:4px}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}.wrap{width:min(1250px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;left:12px;top:12px;transform:translateY(-160%);background:white;padding:12px;z-index:3}.skip:focus{transform:none}
.button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:10px;padding:8px 15px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-weight:800;line-height:1.15;text-align:center}.outline{border-color:#b9c9ba;background:var(--white);color:var(--green)}.lime{background:var(--lime);color:#173220}.lime:hover{background:#e6ffa0}.outline-light{border-color:#789487;color:#fff}.outline-light:hover{background:#ffffff16}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.section{padding-top:clamp(24px,3vw,44px);scroll-margin-top:12px}.section-intro{max-width:650px;margin-bottom:24px}.kicker{font-size:.75rem;letter-spacing:.15em;font-weight:850;color:#356345;margin-bottom:10px}.section h2{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.048em;line-height:1.03}.section-intro>p:last-child,.mobile-copy>p:not(.kicker),.contact p:not(.kicker){color:var(--muted);line-height:1.55;margin-top:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-grid article,.price-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.feature-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:10px;background:#e6f0e5;color:var(--green);}.feature-glyph{display:block;width:22px;height:22px}.feature-grid h3{font-size:1.09rem;margin-bottom:5px}.feature-grid p,.price-card p{color:var(--muted);line-height:1.52;font-size:.94rem}
.mobile-showcase{display:grid;grid-template-columns:1fr minmax(190px,.65fr);gap:28px;align-items:center;border-radius:22px;background:#e9f0df;padding:clamp(22px,5vw,67px)}.mobile-copy>p{max-width:53ch}.phone-preview{width:min(100%,285px);margin:0 auto}.phone-preview figcaption{text-align:center;font-size:.72rem;color:var(--muted);margin-top:9px}.fine{font-size:.8rem!important}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.price-card{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.price-card h3{font-size:clamp(1.55rem,2.9vw,2.35rem);letter-spacing:-.05em;line-height:1}.price-card small{font-size:.77rem;letter-spacing:0;font-weight:650;white-space:nowrap}.tag{padding:5px 7px;border-radius:5px;font-size:.66rem;letter-spacing:.12em;font-weight:900;background:#e7f1e5;color:var(--green)}.main-price{background:var(--green);color:white;border-color:var(--green)}.main-price p{color:#e0ebe3}.main-price .tag{background:var(--lime)}.main-price .button{margin-top:auto}
.contact{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(22px,4vw,52px);border-radius:20px;background:var(--dark);color:white}.contact .kicker{color:#d7f674}.contact p:not(.kicker){color:#d1dfd5}.contact .contact-note{margin:0}

:root{--accent:#173f35;--night:#0e2e25;--ink:#191a1e;--muted:#505054;--line:#dedbd7}
.hero{position:relative;isolation:isolate;overflow:hidden;margin:16px;min-height:calc(100svh - 32px);border-radius:24px;background:radial-gradient(ellipse at 78% 23%,#d9e7d8,transparent 57%),radial-gradient(ellipse at 18% 65%,#dbe8e0,transparent 58%),#edf1eb;padding-bottom:clamp(24px,3vw,40px)}
.site-header{padding:clamp(14px,3vh,25px) 12px 0}
.header-row{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:min(100%,760px);margin:auto;padding:7px 8px 7px 12px;background:white;border:1px solid #e5e2de;border-radius:99px;box-shadow:0 4px 14px #33211710}
.brand{color:var(--ink)}
.header-row .brand{font-size:.86rem}
.mark{flex:none;background:var(--accent);border-radius:50%;font-size:.73rem}
.brand strong{color:inherit}
.desktop-nav{margin-inline:auto;display:flex;gap:19px;align-items:center}
.desktop-nav a,.mobile-menu nav a{text-decoration:none;color:#313137;font-size:.86rem;font-weight:600}
.desktop-nav a:hover,.mobile-menu nav a:hover{text-decoration:underline}
.desktop-nav a:first-child::before{content:'·';margin-right:4px;color:var(--accent)}
.button.login-button,.button.hero-cta{border-radius:99px;padding:5px 6px 5px 15px;min-height:40px;color:white}
.button.login-button{background:var(--accent)}
.button.hero-cta{background:var(--night);min-height:46px;padding-left:20px}
.login-button span,.hero-cta span{display:grid;place-items:center;border-radius:50%;background:#ffffff29;width:26px;height:26px;font-size:1.15rem;line-height:1}
.login-button:hover,.hero-cta:hover{filter:brightness(1.14)}
.mobile-menu{display:none}
.hero-copy{display:grid;justify-items:center;text-align:center;padding:clamp(27px,6vh,74px) 16px clamp(23px,4vh,42px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid #eee9e4;border-radius:99px;padding:6px 12px;color:#292629;font-size:.78rem;font-weight:600;box-shadow:0 2px 6px #35291d11}
.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero h1{font-size:clamp(3.1rem,8vw,5.5rem);line-height:.95;letter-spacing:-.064em;margin:16px 0 13px;font-weight:500;color:#14131a}
.hero h1 em{font:italic 400 1.1em/.85 Georgia,serif;letter-spacing:-.055em}
.hero-description{max-width:48ch;color:#39343b;font-size:clamp(.93rem,2.5vw,1.05rem);line-height:1.5}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 17px;margin-top:19px}
.hero-demo-link{color:#24242a;font-size:.88rem;font-weight:650;text-underline-offset:4px;padding:9px 0}
.kicker{color:#356345}.main-price,.contact{background:var(--night);border-color:var(--night)}.contact .kicker{color:#d7f674}
@media(max-width:900px){.feature-grid article,.price-card{padding:16px}}
@media(max-width:767px){
  .wrap{width:calc(100% - 28px)}.hero{margin:12px;min-height:calc(100svh - 24px);border-radius:17px}
  .desktop-nav{display:none}.header-row .login-button{margin-left:auto}
  .mobile-menu{display:block}.mobile-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #e4dfd9}
  .mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .mobile-menu nav{position:absolute;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;background:white;padding:10px;border:1px solid #e4dfd9;border-radius:14px;box-shadow:0 10px 23px #33211720}
  .mobile-menu nav a{padding:8px 10px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-grid{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
  .header-row{gap:5px}.header-row .brand{font-size:.72rem;gap:5px}.header-row .mark{width:29px;height:29px;font-size:.63rem}.header-row .login-button{font-size:.8rem;gap:5px;padding-left:10px}
  .hero h1{font-size:clamp(2.75rem,13vw,4rem)}.hero-actions{gap:6px 12px}
  .feature-grid,.mobile-showcase{grid-template-columns:1fr}.section h2{font-size:2rem}
}

.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:650;white-space:nowrap}
.brand .mark{display:block;width:30px;height:30px;background:none;fill:var(--accent)}
@media(max-width:480px){.header-row .brand .mark{width:24px;height:24px}}

.product-preview{width:min(880px,calc(100% - 36px));margin:0 auto;padding:9px;border-radius:20px;border:1px solid #ffffffb0;background:#f6f8f5;box-shadow:0 16px 45px #203c2e20}
.product-preview-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 7px 9px;color:#173f35;font-size:.83rem}
.product-preview-caption span{color:#53675e;font-size:.73rem}
.product-preview img{border-radius:12px;border:1px solid #dce3d8;background:white}

@media(max-width:767px){
  .header-row .brand{min-width:0;overflow:hidden}
  .header-row .brand>span{overflow:hidden;text-overflow:ellipsis}
  .header-row .login-button,.mobile-menu{flex:none}
  .mobile-menu summary{width:34px;height:34px}
}

/* iPhone 18 Pro Max body: 78 x 163.4 mm. */
.phone-frame{position:relative;aspect-ratio:780/1634;border-radius:16%/7.65%;background:linear-gradient(135deg,#7b7f83,#25272b 31%,#464a4e 68%,#141518);box-shadow:0 14px 28px #1a37282a,inset 0 0 0 1px #ffffff55}
.phone-screen{position:absolute;inset:1.5% 3.1%;border-radius:14%/6.45%;overflow:hidden;background:#f1f4f1;box-shadow:0 0 0 2px #131416}
.phone-buttons,.phone-buttons::before,.phone-frame::after{position:absolute;width:1%;border-radius:3px;background:#323539}
.phone-buttons{left:-.7%;top:17%;height:4%}
.phone-buttons::before{content:"";width:100%;height:110%;top:155%;left:0;box-shadow:0 8px 0 #323539}
.phone-frame::after{content:"";right:-.7%;top:23%;height:8%}
.phone-status{position:absolute;inset:0 0 auto;height:6%;display:flex;align-items:center;justify-content:space-between;padding:0 8%;color:#131416;background:#fff;font-size:clamp(6px,.62vw,8px);font-weight:650}
.phone-status svg{width:18%;height:auto}
.phone-island{position:absolute;top:1.4%;left:50%;width:27%;height:3.5%;transform:translateX(-50%);border-radius:999px;background:#101114;box-shadow:inset -5px 0 8px #22242b}
.phone-app{position:absolute;inset:6% 0 2.7%;overflow:hidden}
.phone-app img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.phone-app-nav{position:absolute;inset:auto 0 0;height:10%;background:url("/landing/atendimento.webp?v=2") center bottom/100% auto no-repeat}
.phone-home{position:absolute;bottom:1%;left:32%;width:36%;height:.6%;border-radius:999px;background:#17191b}


/* SandMenu brand and opening section */
.hero { background: #f5f0e5; min-height: auto; }
.site-header { padding: 18px clamp(12px, 3vw, 38px) 0; }
.header-row {
  width: min(100%, 1210px);
  padding: 8px 12px 8px 18px;
  border-radius: 16px;
  box-shadow: 0 8px 24px #18372b0d;
}
.header-row .brand img { width: clamp(105px, 15vw, 165px); }
.desktop-nav a { padding: 9px 10px; border-radius: 8px; }
.desktop-nav a:first-child::before { content: none; }
.desktop-nav a:hover { background: #e9f0e5; }
.header-row .button.login-button { min-height: 44px; padding: 0 17px; border-radius: 10px; }
.hero-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.15fr);
  align-items: center;
  gap: clamp(18px, 4vw, 56px);
  width: min(1210px, calc(100% - 64px));
  margin-inline: auto;
  padding-block: clamp(26px, 5vw, 68px) 0;
}
.hero-copy { padding: 0; justify-items: start; text-align: left; }
.hero-audience { color: #365849; font-size: .91rem; font-weight: 700; }
.hero h1 { font-size: clamp(3rem, 5.6vw, 5.35rem); font-weight: 750; color: #123a2f; }
.hero h1 em { color: #426b57; }
.hero-description { color: #405148; max-width: 48ch; }
.hero-actions { justify-content: flex-start; }
.hero-layout .product-preview { width: 100%; margin: 0; }
@media (max-width: 767px) {
  .hero-layout { grid-template-columns: minmax(0, 1fr); width: calc(100% - 28px); }
  .hero h1 { font-size: clamp(2.55rem, 10vw, 4.4rem); }
}

.site-footer {
  margin-top: clamp(24px, 4vw, 48px);
  padding-top: clamp(22px, 4vw, 42px);
  border-top: 1px solid #d9e2d8;
  background: #eef2eb;
  color: #365047;
}
.footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .75fr) minmax(0, 1fr);
  gap: 24px 36px;
  padding-bottom: 22px;
}
.footer-product .brand img { width: 155px; }
.footer-product p { max-width: 32ch; margin-top: 10px; line-height: 1.5; }
.footer-group { display: grid; justify-items: start; align-content: start; min-width: 0; }
.footer-group h2 { color: #123a2f; font-size: .95rem; margin-bottom: 5px; }
.site-footer a { text-underline-offset: 3px; }
.footer-group a { display: inline-flex; align-items: center; min-height: 34px; overflow-wrap: anywhere; }
.footer-base {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
  gap: 6px 20px; border-top: 1px solid #d9e2d8; padding: 12px 0;
  font-size: .85rem;
}
.footer-maker { display: flex; align-items: center; gap: 10px; }
.footer-maker img { width: 105px; height: auto; }
.footer-base > a { display: inline-flex; align-items: center; min-height: 34px; }
@media (max-width: 680px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
  .footer-product { grid-column: 1 / -1; }
}
@media (max-width: 370px) {
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Feature cards */
.feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.feature-grid .feature-card {
  position: relative; display: flex; min-height: 188px; overflow: hidden;
  border-color: #dbe3da; border-radius: 20px; padding: clamp(16px, 2vw, 24px);
  background: #fafcf9;
}
.feature-content { position: relative; z-index: 1; min-width: 0; }
.feature-card .feature-icon { width: 42px; height: 42px; margin-bottom: 16px; border-radius: 12px; }
.feature-card h3 { color: #123a2f; font-size: 1.15rem; letter-spacing: -.025em; }
.feature-card p { max-width: 36ch; }
.feature-grid .feature-card--commands {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(90px, .72fr);
  gap: 14px; grid-column: span 2; background: #123a2f; border-color: #123a2f;
}
.feature-card--commands h3 { color: #fff; font-size: clamp(1.3rem, 2.4vw, 1.9rem); }
.feature-card--commands p { color: #e2eee7; }
.feature-card--commands .feature-icon { background: #d9efbb; }
.feature-demo-link {
  display: inline-flex; align-items: center; gap: 8px; min-height: 36px;
  margin-top: 8px; color: #e4f4d4; font-weight: 700; text-underline-offset: 4px;
}
.feature-screen {
  align-self: stretch; min-height: 125px; position: relative; overflow: hidden;
  border: 1px solid #ffffff60; border-radius: 14px; background: #eaf0ec;
}
.feature-screen img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.feature-grid .feature-card--finance { grid-column: span 2; background: #f6efe3; border-color: #eadfcf; }
.feature-card--finance .feature-icon { background: #f0dfbf; }
@media (max-width: 900px) {
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-grid .feature-card--finance { grid-column: auto; }
}
@media (max-width: 520px) {
  .feature-grid { grid-template-columns: minmax(0, 1fr); }
  .feature-grid .feature-card--commands { grid-column: auto; }
  .feature-grid .feature-card { min-height: 0; }
}

.feature-receipt-link {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px;
  margin-top: 8px; color: var(--green); font-weight: 750; text-underline-offset: 4px;
}
.receipt-feature { margin-top: 14px; scroll-margin-top: 16px; }
.receipt-showcase { background: #f5eee3; padding: clamp(16px, 3vw, 32px); }
.receipt-phone { width: min(100%, 240px); }
.receipt-phone .phone-app { background: #e9eeea; padding: 6px; }
.receipt-phone .phone-app img { object-fit: contain; object-position: center; }

.hero-demo { min-width: 0; scroll-margin-top: 16px; }
.hero-demo h2 { color: var(--green); font-size: 1.05rem; margin-bottom: 12px; }
.hero-demo-previews {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(94px, .29fr);
  gap: clamp(8px, 1.5vw, 18px); align-items: center;
}
.hero-phone { width: min(100%, 148px); }
@media (min-width: 768px) {
  .hero-layout { grid-template-columns: minmax(0, .74fr) minmax(0, 1.45fr); }
}
@media (max-width: 540px) {
  .hero-demo-previews { grid-template-columns: minmax(0, 1fr) minmax(64px, .32fr); gap: 8px; }
  .hero-phone { width: min(100%, 94px); }
  .hero-demo .product-preview { padding: 4px; border-radius: 10px; }
  .hero-demo .product-preview-caption { display: none; }
  .hero-layout { gap: 18px; }
}

.feature-card--finance h3 { max-width: 28ch; font-size: clamp(1.18rem, 2vw, 1.55rem); }
.feature-card--finance p { max-width: 48ch; }
.feature-finance-points {
  display: flex; flex-wrap: wrap; gap: 6px;
  padding: 0; margin: 12px 0 0; list-style: none;
}
.feature-finance-points li {
  border-radius: 6px; background: #eee0c8; color: #463a23;
  padding: 4px 7px; font-size: .73rem; font-weight: 700;
}

.hero-cta .hero-cta-arrow {
  flex: none;
  background: var(--lime);
  color: var(--night);
}
.hero-cta-arrow svg { display: block; width: 16px; height: 16px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .button.hero-cta { transition: transform 180ms ease, filter 180ms ease; }
  .button.hero-cta:hover { transform: translateY(-2px); }
}

.finance-showcase {
  padding: clamp(18px, 4vw, 42px);
  border-radius: 22px;
  color: #fff;
  background: #123a2f;
}
.finance-showcase-copy { max-width: 660px; margin-bottom: 22px; }
.finance-showcase-copy .kicker { color: var(--lime); }
.finance-showcase-copy > p:not(.kicker) { margin-top: 10px; color: #e0ede6; line-height: 1.5; }
.finance-showcase-preview { padding: 8px; border-radius: 14px; background: #f2f5f3; color: #365047; }
.finance-showcase-preview a { display: block; border-radius: 8px; overflow: hidden; }
.finance-showcase-preview figcaption { padding: 7px 4px 2px; font-size: .75rem; }

.finance-showcase-preview img { display: block; width: 100%; height: auto; }

@media (prefers-reduced-motion: no-preference) {
  .hero-copy h1 { animation: landing-type 1150ms steps(24, end) both; }
  .hero-description { animation: landing-type 950ms steps(32, end) 400ms both; }
  .hero-demo-previews > figure { animation: landing-preview 650ms ease-out 500ms both; }
  .hero-demo-previews > figure + figure { animation-delay: 650ms; }
}
@keyframes landing-type {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0); }
}
@keyframes landing-preview {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

.finance-showcase-preview { width: min(100%, 560px); margin-inline: auto; }