:root{--ink:#123c32;--lime:#d4f77d;--paper:#f7f8f2;--line:#d8dfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif}a{color:inherit}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7452b8;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:10px}header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{text-decoration:none;font-size:36px;font-weight:800;letter-spacing:-2px}.wordmark span{display:inline-block;margin-left:4px;font-size:28px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:9px;padding:16px 23px;background:var(--ink);color:white;text-decoration:none;font-weight:600}.button:hover{background:#205747}.button.small{font-size:13px;padding:11px 18px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-top:55px;padding-bottom:85px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.06;letter-spacing:-4px;font-weight:600;margin-bottom:27px}h1 em{font-family:Georgia,serif;font-weight:400}.lede{max-width:440px;font-size:16px;color:#52655b;margin-bottom:28px}.text-link{display:inline-block;font-size:13px;margin:18px;text-underline-offset:5px}.quiet{font-size:12px;margin-top:18px;color:#52655b}.stage{position:relative;min-height:510px;background:#e6ecd9;border-radius:46% 46% 16px 16px;padding:93px 35px 35px;display:flex;flex-direction:column;justify-content:center}.orbit{position:absolute;top:32px;right:48px;transform:rotate(12deg);font-family:Georgia,serif;font-size:24px}.pass{background:var(--ink);color:var(--lime);padding:26px;border-radius:18px;transform:rotate(-7deg);box-shadow:0 24px 35px #123c3226}.pass-top,.pass-bottom{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px}.pass-top{border-bottom:1px solid #ffffff38;padding-bottom:18px}.pass-title{font-family:Georgia,serif;font-size:32px;line-height:1.1;margin:22px 0}.stamps{display:flex;justify-content:space-between;gap:5px;margin:24px 0}.stamps span{width:39px;height:39px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:29px}.stamps .empty{border:1px dashed var(--lime);background:transparent;color:var(--lime);font-size:14px}.pass-bottom{align-items:center;letter-spacing:0}.stamp-icon{font-size:36px}.floating{position:absolute;bottom:42px;right:-12px;background:white;border-radius:12px;padding:17px 24px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 30px #123c3212;font-size:13px}.floating small{display:block;color:#52655b}.tick{background:var(--lime);border-radius:50%;width:29px;height:29px;text-align:center;padding-top:3px}.example{font-size:10px;text-align:center;margin:35px 0 0;color:#52655b}.ribbon{background:var(--lime);padding:26px;text-align:center;font-size:23px;letter-spacing:-.5px}.ribbon p{margin:0}.ribbon span{font-family:Georgia,serif;font-style:italic}.section{padding-top:90px;padding-bottom:90px}h2{font-size:clamp(36px,4vw,52px);font-weight:500;line-height:1.12;letter-spacing:-2px;margin-bottom:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #a5b5a6;padding-top:24px}.number{font-size:12px}h3{font-weight:500;font-size:22px;letter-spacing:-.5px;line-height:1.2}.steps h3{margin-top:27px}.steps p,.feature p{font-size:14px;max-width:300px}.features{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.feature{position:relative;padding:30px;border-radius:15px;overflow:hidden;min-height:340px}.feature>span:first-child{font-size:11px}.feature h3{font-size:30px;margin-top:40px}.dark{background:var(--ink);color:var(--lime)}.lilac{background:#e8e0f5}.cream{background:#e8eddc}.flower{position:absolute;right:5px;bottom:-40px;font-size:150px;opacity:.15}.demo{background:#e9eddf}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.demo p{max-width:450px}.choices{display:flex;gap:9px;margin-top:28px;flex-wrap:wrap}.choices button{border:1px solid #a5b5a6;border-radius:30px;background:transparent;padding:10px 19px;cursor:pointer;color:var(--ink)}.choices button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.sample{background:white;padding:35px;border-radius:20px;border-top:10px solid var(--ink);min-height:320px}.sample>span{font-size:11px;letter-spacing:2px}.sample h3{font-size:30px;margin-top:30px}.sample #sample-value{font-size:32px}.sample small{font-size:11px;color:#52655b}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600}details p{font-size:14px;margin:15px 0 0;color:#52655b}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{margin:0;font-family:Georgia,serif}footer small{font-size:10px;color:#52655b}@media(max-width:900px){nav{display:none}.hero{gap:25px}.wrap{padding-left:24px;padding-right:24px}.stage{padding-left:20px;padding-right:20px}.stamps span{width:30px;height:30px}.pass{padding:20px}.features{grid-template-columns:1fr}.feature{min-height:240px}.feature h3{margin-top:20px}.demo-layout{gap:35px}.steps{gap:24px}.text-link{margin-left:0}footer{flex-wrap:wrap}}@media(max-width:620px){header{height:85px}.wordmark{font-size:30px}.button.small{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:50px}h1{letter-spacing:-2.5px}.stage{min-height:420px;max-width:440px;width:100%;margin:20px auto 0;padding:70px 30px 40px}.floating{right:0;bottom:20px}.stamps span{width:36px;height:36px}.ribbon{font-size:19px}.section{padding-top:55px;padding-bottom:55px}.steps,.demo-layout,.faq{grid-template-columns:1fr}.steps{gap:25px}.steps h3{margin-top:15px}.faq{gap:0}.sample{padding:25px}footer{align-items:flex-start;flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:620px){.hero{grid-template-columns:minmax(0,1fr)}.intro,.stage{min-width:0}.stage{padding-left:20px;padding-right:20px}.stamps span{flex:1;min-width:0;width:auto;height:auto;aspect-ratio:1;font-size:clamp(18px,6vw,29px)}.pass-title{font-size:clamp(24px,7vw,32px)}}

.neutral-brand{font-size:22px;letter-spacing:-.7px;font-weight:700}

/* Entrada única do cartão; mudanças de formato com feedback breve. */
::selection{background:#d4f77d;color:#123c32}a{text-underline-offset:.25em}.stamps svg{width:24px;height:24px}.pass{animation:card-arrive 850ms cubic-bezier(.16,1,.3,1) both}.sample{border-top:0;border-radius:16px;box-shadow:0 18px 45px #123c3212;transition:background-color .25s,color .25s}.sample[data-kind="presente"]{background:#e8e0f5}.sample[data-kind="vale"]{background:#d4f77d}.sample[data-kind="membro"]{background:#123c32;color:#f7f8f2}.sample[data-kind="membro"] small{color:#d8dfd5}.sample[data-kind="evento"]{background:#e9eddf}.sample[data-kind="contacto"]{background:#f7f8f2}.button,.choices button{transition:background-color .18s,color .18s,transform .18s}.button:hover{transform:translateY(-2px)}.sample.is-changing{animation:card-change .32s cubic-bezier(.16,1,.3,1)}h1,h2{letter-spacing:-.035em;text-wrap:balance}.pass{border-radius:16px}.example{font-size:12px}.stage{display:flex;flex-direction:column;justify-content:center}.pass-title{font-size:30px}.features{gap:0}.feature{border-radius:0;min-height:300px}.feature h3{margin-top:24px}summary::marker{color:#123c32}@keyframes card-arrive{from{transform:translateY(22px) rotate(-3deg);opacity:.5}to{transform:translateY(0) rotate(-7deg);opacity:1}}@keyframes card-change{from{transform:translateY(8px);opacity:.65}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.pass,.sample.is-changing{animation:none}.button:hover{transform:none}}