@font-face{font-family:RafkSansText;src:url('fonts/RafkSansText-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RafkSansText;src:url('fonts/RafkSansText-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:RafkSansText;src:url('fonts/RafkSansText-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:RafkSansDisplay;src:url('fonts/RafkSansDisplay-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RafkSansDisplay;src:url('fonts/RafkSansDisplay-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:RafkSansDisplay;src:url('fonts/RafkSansDisplay-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:graphikRegular;src:url('fonts/Graphik-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:graphikMedium;src:url('fonts/Graphik-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:nubankIcons;src:url('fonts/nubankIcons.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}:root{--forest:#1c3e28;--green:#238642;--light:#faf8f3;--font-text:RafkSansText,graphikRegular,Arial,sans-serif;--font-display:RafkSansDisplay,graphikMedium,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.45 var(--font-text);color:#163426;background:var(--light)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:600}h2{font-size:clamp(26px,3vw,37px);line-height:1.12}a{text-decoration:none;color:inherit}button,select,input{font:inherit}button{cursor:pointer}.top{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 5%;background:white;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0001}.logo{display:flex;align-items:center;position:relative;z-index:12}.logo img{height:58px;width:auto;display:block}.top nav{display:flex;gap:28px;font-size:16px;font-family:var(--font-display);font-weight:500}.btn{display:inline-block;border:0;border-radius:40px;padding:15px 25px;background:var(--green);color:white;font-family:var(--font-display);font-weight:600;text-align:center;box-shadow:none;filter:none}.btn.mini{font-size:15px;padding:14px 24px}.top nav .menu-cta{display:none}.menu-toggle{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;position:relative;z-index:12}.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{display:block;width:22px;height:2px;background:#163426;border-radius:2px;position:absolute;left:11px;transition:transform .2s,opacity .2s}.menu-toggle span{top:21px}.menu-toggle span::before,.menu-toggle span::after{content:""}.menu-toggle span::before{top:-7px}.menu-toggle span::after{top:7px}body.menu-open .menu-toggle span{background:transparent}body.menu-open .menu-toggle span::before{top:0;transform:rotate(45deg)}body.menu-open .menu-toggle span::after{top:0;transform:rotate(-45deg)}body.menu-open{overflow:hidden}.hero{position:relative;z-index:2;color:#fff;border-radius:0 0 48px 48px;overflow:hidden}.hero-photo,.hero-photo img,.sunset picture,.sunset img{display:block;width:100%;height:auto}.hero-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);z-index:1}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172514cc,transparent 62%);pointer-events:none}.hero-copy{max-width:400px}.scribble{font-family:var(--font-display);font-weight:600;font-size:clamp(48px,6vw,83px);letter-spacing:-4px;line-height:.95;display:block;text-shadow:1px 2px #091f11;transform:rotate(-5deg);margin-bottom:24px}.hero h1{font-size:24px;font-weight:500;margin:0 0 4px}.hand{font-size:24px;font-style:italic;line-height:1.25;margin:0 0 12px}.hero .btn{margin:12px 0 0}.hero-icons{overflow:hidden;padding:62px 0 16px;margin-top:-48px;position:relative;z-index:1;background:var(--forest);color:#fff;font-size:16px;font-weight:bold;text-align:center;white-space:nowrap}.hero-icons-track{display:flex;align-items:center;gap:48px;width:max-content;animation:hero-marquee 40s linear infinite}.hero-icons span{white-space:nowrap;flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding-right:8px}.hero-icons span img{width:38px;height:38px;object-fit:contain;border-radius:50%;display:block;flex:0 0 auto}@keyframes hero-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.intro{padding:45px 5%;display:grid;grid-template-columns:36% 64%;gap:20px;background:#fff}.intro>div:first-child p{max-width:360px}.intro-title{display:block;text-align:left;line-height:1.08;margin-bottom:16px}.intro-small,.intro-giant{display:block;width:100%;text-align:left;margin:0}.intro-small{font-size:clamp(18px,2.1vw,24px);font-weight:500}.intro-giant{font-size:clamp(34px,4.6vw,56px);font-weight:600;letter-spacing:0;padding:0;margin:0;text-indent:0}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.sizes figure{margin:0;display:flex;flex-direction:column;align-items:center}.sizes img{width:115px;height:115px;object-fit:contain;object-position:center;border-radius:50%;background:#f4ece0;padding:6px}.sizes figcaption b{display:block;font-size:19px;margin-top:10px}.sizes figcaption small{display:block;color:#69746c;font-size:12px}.how{padding:24px 6% 38px;background:#faf9f6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;position:relative;isolation:isolate}.steps::before{content:"";position:absolute;z-index:-1;top:53px;left:calc(12.5% + 55px);right:calc(12.5% + 55px);height:4px;border-radius:3px;background:#e2e7dd}.steps>div{position:relative;display:flex;flex-direction:column;align-items:center}.steps em{position:absolute;right:calc(50% - 67px);top:0;width:32px;height:32px;padding:0;display:grid;place-items:center;background:#308149;color:white;font-style:normal;font-weight:600;line-height:1;border-radius:50%;z-index:1}.steps span{border:4px solid #e2e7dd;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;overflow:hidden;margin-bottom:15px;background:#fff}.steps span img{width:68%;height:68%;object-fit:contain;display:block}.steps small{max-width:170px}.disclaimer{font-size:12px;text-align:center;margin-top:25px}.mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mosaic article{min-height:175px;background-position:center;background-size:cover}.stories{display:grid;grid-template-columns:1fr 1fr}.purpose{background:linear-gradient(120deg,#193924,#285234);color:white;padding:40px 9%;border-radius:0 0 72px 0}.purpose h2{font-size:29px}.values{display:flex;justify-content:space-between;gap:14px}.values>span{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.values>span img{width:52px;height:52px;object-fit:contain;border-radius:50%;display:block}.values small{display:block;font-size:11px}.quote{position:relative;background:#f8f5ee;padding:40px 36px 40px 28px}.quote-body{position:relative;padding:0 40px 0 48px;max-width:560px}.quote-open,.quote-close{font-family:Georgia,"Times New Roman",serif;font-size:52px;color:#849a81;font-weight:700;line-height:1;position:absolute}.quote-open{top:-6px;left:8px}.quote-close{right:8px;bottom:-10px}.quote p{font-size:20px;line-height:1.45;margin:0;color:#1c3326;padding:0}.quote small{display:block;margin:18px 0 0 48px;color:#6b7368;font-size:14px}.quote img{width:85px;height:85px;object-fit:cover;border-radius:50%;float:right}.commerce{padding:68px 6%;background:#f8f7f0}.section-title{text-align:left;max-width:970px;margin:0 auto}.section-title h2,.section-title p{max-width:34rem}.cards{display:grid;grid-template-columns:1fr 1fr;gap:23px;max-width:970px;margin:35px auto 10px}.card{position:relative;background:white;border:2px solid #e8e9df;border-radius:20px;padding:56px 24px 24px;box-shadow:0 10px 35px #20352010;display:flex;flex-direction:column;gap:9px}.card.featured{border-color:#4cbe73;overflow:hidden}.badge{position:absolute;top:0;right:0;display:flex;align-items:center;gap:6px;background:#4cbe73;color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;padding:10px 16px 10px 14px;border-radius:0 18px 0 16px}.badge img{width:22px;height:22px;display:block;filter:drop-shadow(0 0 1px #fff8);margin-top:-3px}.tag-image{aspect-ratio:16/9;height:auto;border-radius:18px;overflow:hidden;background:#f4ece0}.tag-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card h3{font-size:27px;margin:0}.card p{color:#606b62}.price{font-size:34px}.features{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}.features li{display:flex;align-items:center;gap:8px;line-height:1.4}.features li::before{content:"";width:1.15em;height:1.15em;flex:0 0 auto;background:var(--green);mask:url('assets/check-sparkle.svg') no-repeat center / contain;-webkit-mask:url('assets/check-sparkle.svg') no-repeat center / contain}.card .btn{margin-top:auto}.order{max-width:790px;margin:42px auto 0;background:white;border-radius:20px;padding:34px;box-shadow:0 8px 28px #00000010;scroll-margin-top:95px}.order .custom-note{margin:24px 0 8px;background:#f8f7f0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fields label{display:flex;flex-direction:column;gap:6px;font-weight:bold;font-size:14px}.fields input,.fields select{width:100%;max-width:none;padding:.875rem;font-size:1rem;border:1.5px solid #000;border-radius:.5rem;box-shadow:2.5px 3px 0 #000;background:white;outline:none;transition:box-shadow .25s ease}.fields input:focus,.fields select:focus{box-shadow:5.5px 7px 0 #000}.fields select{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url('assets/chevron.svg');background-repeat:no-repeat;background-position:right 12px center;background-size:18px;color:#163426}.total{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#eef8ef;border-radius:12px;padding:17px;margin:20px 0}.total span{font-size:20px;font-weight:400;color:#163426}.total strong{font-size:20px;font-weight:700}.total .btn{margin:0;flex:0 0 auto}#resumo{white-space:pre-wrap;background:#f0f8f1;padding:20px;border-radius:14px;margin-top:20px}.faq{padding:50px 7%;max-width:1100px;margin:auto}.faq details,.custom-note{background:white;border-radius:12px;padding:17px 21px;margin:12px 0}.faq summary,.custom-note summary{cursor:pointer;font-weight:bold;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker,.custom-note summary::-webkit-details-marker{display:none}.faq summary::after,.custom-note summary::after{content:"";width:1.15em;height:1.15em;flex:0 0 auto;background:currentColor;mask:url('assets/chevron.svg') no-repeat center / contain;-webkit-mask:url('assets/chevron.svg') no-repeat center / contain;transition:transform .2s}.faq details[open] summary::after,.custom-note[open] summary::after{transform:rotate(90deg)}.faq details p,.custom-note p{margin:12px 0 0}.sunset{position:relative;padding:0;min-height:0;line-height:0}footer{background:#121c23;color:white;display:flex;align-items:center;gap:25px;padding:25px 5%;font-size:13px}.footer-logo{height:36px;width:auto;display:block}footer a{margin-left:auto}.back-top{display:inline-flex;align-items:center;gap:6px}.back-top::after{content:"";width:1.05em;height:1.05em;background:currentColor;mask:url('assets/chevron.svg') no-repeat center / contain;-webkit-mask:url('assets/chevron.svg') no-repeat center / contain;transform:rotate(-90deg)}@media(min-width:1200px){.top{height:88px}.logo img{height:68px}.top nav{font-size:18px;gap:34px}.btn.mini{font-size:16px;padding:15px 28px}.btn{font-size:17px;padding:16px 28px}.hero-icons{font-size:18px}.hero-icons span img{width:44px;height:44px}}@media(max-width:850px){.menu-toggle{display:block}.top>.btn.mini{display:none}.top nav{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:28px;position:fixed;inset:0;z-index:11;background:#fff;padding:96px 8% 40px;transform:translateX(100%);transition:transform .28s ease;overflow:auto}.top nav.is-open{transform:none}.top nav a:not(.btn){font-size:28px;font-weight:600}.top nav .menu-cta{display:block;width:100%;margin-top:20px;padding:20px 28px;font-size:20px;text-align:center}.intro{grid-template-columns:1fr}.stories{grid-template-columns:1fr}.purpose{border-radius:0 0 72px 0}.section-title{margin:0}.disclaimer{text-align:left}.hero-icons{font-size:13px;overflow:hidden}.hero-icons-track{gap:32px}.hero-icons span img{width:28px;height:28px}.sizes{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px}.sizes::-webkit-scrollbar{display:none}.sizes figure{flex:0 0 auto;min-width:140px}}@media(max-width:600px){.top{height:68px}.logo img{height:46px}.hero::after{background:linear-gradient(0deg,#0c2115f2,transparent 52%)}.hero-copy{top:auto;bottom:35px;transform:none;left:6%;right:6%}.scribble{font-size:52px}.hero-icons{font-size:12px}.hero-icons-track{gap:28px}.hero-icons span img{width:24px;height:24px}.total{flex-wrap:wrap}.sizes{gap:18px}.sizes img{width:100px;height:100px}.sizes figcaption b{font-size:14px}.sizes figcaption small{font-size:10px}.steps{grid-template-columns:1fr 1fr}.steps span{width:82px;height:82px;font-size:37px}.steps em{right:calc(50% - 53px)}.mosaic{grid-template-columns:1fr 1fr}.mosaic article{min-height:150px}.values{flex-wrap:wrap}.values>span{width:44%}.cards,.fields{grid-template-columns:1fr}.order{padding:22px}footer{flex-wrap:wrap}}
@media(max-width:600px){.steps::before{top:40px;left:calc(25% + 41px);right:calc(25% + 41px);height:4px}.steps>div:nth-child(n+3){margin-top:12px}}
@media(min-width:601px){.steps::before{display:none}.steps>div:not(:last-child)::after{content:"";position:absolute;z-index:0;top:53px;left:calc(50% + 55px);width:calc(100% + 20px - 110px);height:4px;border-radius:3px;background:#e2e7dd}.steps span{position:relative;z-index:1}}
@media(max-width:600px){.steps::before{display:none}.steps>div:not(:nth-child(2n))::after{content:"";position:absolute;z-index:0;top:40px;left:calc(50% + 41px);width:calc(100% + 20px - 82px);height:4px;border-radius:3px;background:#e2e7dd}.steps span{position:relative;z-index:1}}
.steps em{right:calc(50% - 54px);top:8px;z-index:2}
@media(max-width:600px){.steps em{right:calc(50% - 43px);top:6px}}
@media(max-width:600px){.steps em{right:calc(50% - 36px);top:7px;width:25px;height:25px;font-size:13px}}
footer .back-top{padding:9px 14px;border-radius:999px;transition:background-color .2s ease, color .2s ease}
footer .back-top:hover,footer .back-top:focus-visible{background:rgba(255,255,255,.16)}
.form-notice{background:#f0f5ed;border-left:4px solid var(--green);padding:13px 16px;border-radius:8px;color:#34513a;font-size:14px;margin:0 0 22px}
.account-panel,.my-orders{background:#f8f7f0;border:1px solid #e5e7dc;border-radius:15px;padding:22px;margin:22px 0}
.account-panel h3,.my-orders h3{font-size:21px;margin:0 0 8px}
.account-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}
.account-panel .privacy-note{background:#fff;border-radius:10px;padding:14px 16px;margin:16px 0}
.privacy-note summary{cursor:pointer;font-weight:600}
.privacy-note p{font-size:14px;margin:12px 0 0;line-height:1.55}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;margin:16px 0}
.consent input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--green)}
.account-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.account-actions .btn{padding:11px 19px;font-size:15px}
.account-actions .btn.secondary{background:var(--forest)}
.text-button{border:0;background:transparent;color:var(--forest);font-weight:600;text-decoration:underline;padding:10px;cursor:pointer}
.text-button.danger{color:#9b2f2f}
.my-orders ol{padding-left:22px;display:grid;gap:10px}
.my-orders li{overflow-wrap:anywhere}
@media(max-width:850px){.account-fields{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.account-panel,.my-orders{padding:17px}.account-fields{grid-template-columns:1fr}}
.account-actions button[hidden]{display:none}
.account-modal{position:fixed;inset:0;margin:auto;padding:0;width:min(94vw,700px);max-width:700px;max-height:92vh;overflow:auto;border:0;border-radius:22px;background:transparent;color:inherit}
.account-modal::backdrop{background:rgba(14,30,20,.68);backdrop-filter:blur(3px)}
.account-modal-card{position:relative;padding:12px;background:#fff;border-radius:22px;box-shadow:0 24px 90px #0005}
.account-modal .account-panel{margin:0;border:0;padding:30px 28px;background:#fff}
.account-modal-close{position:absolute;z-index:2;top:10px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eef2ea;color:var(--forest);font-size:28px;line-height:1;cursor:pointer}
.account-modal .account-panel h2{padding-right:36px}
.account-page{min-height:70vh;padding:60px 6%;background:#faf9f6}
.account-page-heading{max-width:790px;margin:0 auto 24px}
.account-page-heading h1{font-size:clamp(32px,5vw,48px);margin:0 0 8px;color:var(--forest)}
.account-page-heading p{color:#5c6b60}
.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--green);margin:0 0 10px}
.account-page-card{max-width:790px;margin:0 auto;padding:30px;background:#fff}
.account-page-card h2{margin:0 0 8px}
.account-page-card .my-orders{margin:22px 0;background:#fff}
.account-page-card #orders-list{line-height:1.6}
.order-status{color:var(--forest);font-weight:600}
@media(max-width:600px){.account-modal{width:calc(100vw - 20px);max-height:94vh}.account-modal-card{padding:6px}.account-modal .account-panel{padding:25px 17px}.account-page{padding:38px 5%}.account-page-card{padding:20px}}
.top nav a.account-nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 21px;border:1px solid #d8eadb;border-radius:999px;background:#f1f8f2;color:#238642;font-size:16px;font-weight:600;line-height:1.2;transition:background-color .2s ease,border-color .2s ease}
.top nav a.account-nav-btn:hover,.top nav a.account-nav-btn:focus-visible{background:#e5f2e7;border-color:#b8d8bd}
@media(max-width:850px){.top nav a.account-nav-btn{font-size:20px;padding:16px 22px;width:100%}}
.top nav a.btn.account-nav-btn{background-color:#f1f8f2!important;color:#238642!important;border-color:#d8eadb!important;box-shadow:0 1px 2px #1c3e2810}
.top nav a.btn.account-nav-btn:hover,.top nav a.btn.account-nav-btn:focus-visible{background-color:#e5f2e7!important;color:#1c6f37!important;border-color:#b8d8bd!important}
.top nav a.btn.account-nav-btn{padding:10px 18px!important;min-height:46px;font-size:15px;white-space:nowrap;align-self:center}
@media(min-width:1200px){.top nav a.btn.account-nav-btn{font-size:16px;padding:11px 20px!important;min-height:50px}}
@media(max-width:850px){.top nav a.btn.account-nav-btn{width:100%;min-height:54px;font-size:20px;padding:16px 22px!important}}
@media(min-width:851px){.top nav{align-items:center}.top nav a.btn.account-nav-btn{padding:7px 15px;font-size:14px;line-height:1.2;min-height:36px;flex:0 0 auto}}
/* Desktop actions stay beside the navigation; compact layouts keep actions inside the menu. */
@media(min-width:1251px){.top{gap:12px}.top .logo img{height:55px}.top nav{gap:clamp(12px,1.4vw,20px);font-size:16px;align-items:center}.top nav a{white-space:nowrap;flex:0 0 auto}}
.top nav .mobile-nav-account{display:none}
.top-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.top-actions .btn{display:inline-flex;align-items:center;justify-content:center;width:154px;min-width:154px;height:48px;padding:0 8px;white-space:nowrap;font-size:15px;line-height:1;font-weight:600;box-shadow:none}
.top-actions .btn-login{background:#f1f8f2;color:#238642;border:1px solid #d8eadb}
.top-actions .btn-login:hover,.top-actions .btn-login:focus-visible{background:#e5f2e7;color:#1c6f37;border-color:#b8d8bd}
.top-actions .btn-order{background:var(--green);color:#fff;border:1px solid var(--green)}
@media(max-width:1250px){.top{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo menu";align-items:center;gap:12px;padding:9px 5%}.top .logo{grid-area:logo}.top .logo img{height:52px}.top .menu-toggle{grid-area:menu;display:block}.top-actions{display:none}.top nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;position:fixed;inset:0;z-index:11;background:#fff;padding:96px 8% 32px;transform:translateX(100%);transition:transform .28s ease;overflow:auto}.top nav.is-open{transform:none}.top nav a:not(.btn){font-size:clamp(22px,4vw,28px);font-weight:600}.top nav a.mobile-nav-account{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:52px;margin-top:12px;padding:12px 24px;border:1px solid #d8eadb;border-radius:999px;background:#f1f8f2;color:#238642;font-size:18px;line-height:1.2;white-space:nowrap}.top nav a.mobile-nav-account:hover,.top nav a.mobile-nav-account:focus-visible{background:#e5f2e7;border-color:#b8d8bd;color:#1c6f37}.top nav .menu-cta{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;min-height:52px;margin-top:0;padding:12px 24px;font-size:18px;line-height:1.2;text-align:center;white-space:nowrap}}
@media(max-width:600px){.top .logo img{height:46px}}
.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin:18px 0 22px;background:#eef3eb;border-radius:999px}
.auth-mode-switch button{min-height:42px;border:0;border-radius:999px;background:transparent;color:var(--forest);font:600 16px var(--font-display);cursor:pointer}
.auth-mode-switch button[aria-pressed="true"]{background:var(--green);color:#fff}
.auth-mode-switch button:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
#account-credentials[data-mode="login"] .register-only,#account-credentials[data-mode="register"] .login-only{display:none}
#account-credentials[data-mode="login"] .account-fields{grid-template-columns:1fr 1fr}
@media(max-width:600px){#account-credentials[data-mode="login"] .account-fields{grid-template-columns:1fr}}
@media(min-width:1251px){.top{gap:16px;padding:7px clamp(20px,2vw,32px)}.top .logo img{height:58px}.top nav{position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);min-width:max-content;gap:clamp(14px,1.3vw,20px);font-size:18px}.top nav a{flex:0 0 auto;white-space:nowrap}.top-actions{margin-left:auto}}
.top-actions .btn-login,.top-actions .btn-order{font-size:17px}
.top-actions .btn-order{width:168px;min-width:168px}
.fields,.account-fields,#account-credentials[data-mode] .account-fields{grid-template-columns:minmax(0,1fr)!important}
.account-modal .account-panel h2{margin:0 0 3px}
.account-modal #auth-status{margin:0 0 10px;line-height:1.4}
.auth-mode-switch{position:relative;isolation:isolate;margin:10px 0 20px}
.auth-mode-switch::before{position:absolute;z-index:-1;top:5px;left:5px;width:calc((100% - 10px)/2);height:calc(100% - 10px);border-radius:999px;background:var(--green);content:"";transition:transform .32s cubic-bezier(.2,.8,.2,1)}
#account-credentials[data-mode="register"] .auth-mode-switch::before{transform:translateX(100%)}
.auth-mode-switch button{background:transparent;transition:color .22s ease}
.auth-mode-switch button[aria-pressed="true"]{transform:none;background:transparent;color:#fff}
.password-field{position:relative;display:block;width:100%}
.password-field input{padding-right:60px!important}
.password-toggle{position:absolute;top:50%;right:6px;display:grid;width:46px;height:46px;place-items:center;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:var(--forest);cursor:pointer}
.password-toggle:hover,.password-toggle:focus-visible{background:#eef3eb;outline:none}
.password-toggle:focus-visible{box-shadow:0 0 0 2px var(--green)}
.password-toggle svg{display:block;width:30px;height:30px;color:currentColor}
.password-toggle .eye-hide{display:none}
.password-toggle[aria-pressed="true"] .eye-show{display:none}
.password-toggle[aria-pressed="true"] .eye-hide{display:block}
.account-modal .privacy-note{margin:16px 0;background:#fff;border:1px solid #e5e7dc;border-radius:12px;padding:15px 18px}
.account-modal .privacy-note summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-weight:600;color:var(--forest)}
.account-modal .privacy-note summary::-webkit-details-marker{display:none}
.account-modal .privacy-note summary::after{content:"";width:1.1em;height:1.1em;flex:0 0 auto;background:currentColor;mask:url('assets/chevron.svg') no-repeat center / contain;-webkit-mask:url('assets/chevron.svg') no-repeat center / contain;transition:transform .2s ease}
.account-modal .privacy-note[open] summary::after{transform:rotate(90deg)}
@media(max-width:600px){.account-modal{inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border-radius:0}.account-modal-card{min-height:100%;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-radius:0;box-shadow:none}.account-modal .account-panel{padding:64px 17px 24px}.account-modal-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.account-modal .privacy-note{padding:14px 15px}}
.auth-help{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:8px 0 0}.auth-help .text-button,.account-modal .text-button{border:0;background:transparent;color:var(--forest);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:7px 0}.auth-action-panel{padding:18px 0 4px}.auth-action-panel h3{margin:0 0 6px;color:var(--forest)}.auth-action-panel p{margin:0 0 16px}.auth-action-panel label{display:block;font-weight:600}.auth-action-panel [hidden]{display:none!important}.auth-action-panel input{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #cbd8cb;border-radius:10px;font:inherit}.local-action-link{display:inline-block;margin:6px 0 12px;color:var(--forest);font-weight:650;text-decoration:underline;text-underline-offset:3px}.local-action-link[hidden]{display:none}
@media(max-width:600px){.auth-help{align-items:flex-start;flex-direction:column;gap:2px}.auth-action-panel .account-actions{align-items:stretch;flex-direction:column}.auth-action-panel .account-actions>*{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.auth-mode-switch::before,.auth-mode-switch button{transition:none}}
.features li.order-feature::before{display:none}.features li.order-feature{gap:8px}.feature-icon-chip{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;flex:0 0 auto;width:auto;height:30px;margin-left:-8px;padding:3px 8px 3px 16px;border-radius:999px;background:#f0f1ed}.feature-check{margin-left:-8px}.feature-check{display:block;width:1.15em;height:1.15em;flex:0 0 1.15em;background:var(--green);mask:url('assets/check-sparkle.svg') no-repeat center/contain;-webkit-mask:url('assets/check-sparkle.svg') no-repeat center/contain}.feature-icon-chip svg{display:block;flex:0 0 22px;width:22px;height:22px}

.password-label-row{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:4px;margin-bottom:6px}.password-links{align-self:flex-end}.password-links{display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin:0}.password-links .text-button{padding:0;font-size:13px;line-height:1.3;white-space:nowrap}
.auth-action-status.is-confirmed{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #d9e9da;border-radius:12px;background:#f1f7ef;color:#244d31;font-size:14px;line-height:1.4}.auth-confirm-icon{display:grid;flex:0 0 26px;width:26px;height:26px;place-items:center;color:#278447}.auth-confirm-icon svg{display:block;width:26px;height:26px}
.order-inline-auth{margin-top:12px;padding:16px;border:1px solid #e0e8dc;border-radius:14px;background:#f6f8f4}.order-inline-auth[hidden]{display:none!important}.order-inline-auth h3{margin:0 0 12px;color:var(--forest);font-size:17px}.order-inline-auth-buttons{display:grid;gap:9px}.order-inline-auth-buttons .btn{width:100%;text-align:center}
.order-flow-panel{padding:12px 0 4px}.order-flow-panel h3{margin:0 0 7px;color:var(--forest);font-size:22px}.order-flow-panel>p{margin:0 0 16px;color:#59685d;line-height:1.5}.order-flow-panel [hidden]{display:none!important}.order-auth-options{display:flex;gap:12px;margin-top:15px}.order-auth-options>*{flex:1}.payment-demo-note{padding:10px 12px;border:1px solid #e5e7dc;border-radius:10px;background:#f7f8f4;font-size:13px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.payment-method{display:flex;min-height:92px;align-items:center;justify-content:center;gap:10px;border:1.5px solid #dce4d9;border-radius:16px;background:#f6f8f4;color:var(--forest);font:inherit;font-weight:700;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.payment-method:hover{transform:translateY(-2px);border-color:#278447}.payment-method[aria-pressed="true"]{border-color:#278447;background:#eaf4e9;box-shadow:0 0 0 2px #278447}.payment-method svg{width:30px;height:30px;flex:none}.order-flow-panel button:disabled{opacity:.48;cursor:not-allowed}.pix-demo-qr{display:grid;width:164px;height:164px;margin:18px auto;padding:12px;place-items:center;border:1px solid #e1e7df;border-radius:12px;background:#fff;color:#102c1c}.pix-demo-qr svg{width:100%;height:100%;shape-rendering:crispEdges}.pix-code-label,.demo-card-form label{display:block;margin:14px 0;color:var(--forest);font-size:14px;font-weight:650}.pix-copy-row{display:flex;gap:8px;margin-top:7px}.pix-copy-row input,.demo-card-form input{width:100%;min-width:0;padding:12px;border:1px solid #cbd8cb;border-radius:10px;background:#fff;color:#18251b;font:inherit}.copy-pix{display:flex;flex:none;align-items:center;gap:7px;padding:0 13px;border:1px solid #dce4d9;border-radius:10px;background:#f1f5ef;color:var(--forest);font:inherit;font-weight:650;cursor:pointer}.copy-pix svg{width:21px;height:21px}.demo-card-form{display:grid;gap:3px}.demo-card-form label{margin:7px 0}.card-short-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-back{margin-top:10px}.payment-confirm-icon{display:grid;width:42px;height:42px;margin:2px 0 12px;place-items:center;border-radius:50%;background:#f1f7ef;color:#278447}.payment-confirm-icon svg{width:32px;height:32px}.payment-confirm-icon+h3{margin-bottom:8px}
@media(max-width:600px){.order-auth-options{flex-direction:column;gap:9px}.payment-methods{gap:8px}.payment-method{min-height:78px;flex-direction:column;gap:5px;font-size:14px}.payment-method svg{width:26px;height:26px}.pix-copy-row{align-items:stretch;flex-direction:column}.copy-pix{min-height:44px;justify-content:center}.order-flow-panel h3{font-size:20px}}
@media(max-width:600px){.password-label-row{align-items:flex-start;flex-direction:column;gap:4px}.password-links{flex-direction:row;gap:12px}.password-links .text-button{font-size:12px}}

#account-credentials[data-mode="login"] .account-fields .login-password{margin-top:22px}
.auth-action-panel .account-actions{margin-top:18px}
.login-password .password-label-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.login-password .password-links{align-self:auto}
/* Shared processing indicator for actions and page status messages. */
.loader{--loader-dot:20px;--loader-gap:10px;--loader-shadow:30px;--loader-shift:15px;position:relative;display:block;flex:0 0 50px;width:50px;height:50px;animation:aqv-loader-rotate 1s infinite;}
.loader::before,.loader::after{position:absolute;left:0;border-radius:50%;content:"";display:block;width:var(--loader-dot);height:var(--loader-dot);}
.loader::before{top:0;margin-bottom:var(--loader-gap);animation:aqv-loader-ball1 1s infinite;background-color:#cb2025;box-shadow:var(--loader-shadow) 0 0 #f8b334;}
.loader::after{top:calc(var(--loader-dot) + var(--loader-gap));animation:aqv-loader-ball2 1s infinite;background-color:#00a096;box-shadow:var(--loader-shadow) 0 0 #97bf0d;}
@keyframes aqv-loader-rotate{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}100%{transform:rotate(720deg) scale(.8)}}
@keyframes aqv-loader-ball1{0%{box-shadow:var(--loader-shadow) 0 0 #f8b334}50%{box-shadow:0 0 0 #f8b334;transform:translate(var(--loader-shift),var(--loader-shift))}100%{box-shadow:var(--loader-shadow) 0 0 #f8b334}}
@keyframes aqv-loader-ball2{0%{box-shadow:var(--loader-shadow) 0 0 #97bf0d}50%{box-shadow:0 0 0 #97bf0d;transform:translate(var(--loader-shift),var(--loader-shift))}100%{box-shadow:var(--loader-shadow) 0 0 #97bf0d}}
.button-loading-indicator,.status-loading-indicator{display:inline-flex;flex:0 0 25px;width:25px;height:25px;align-items:center;justify-content:center;overflow:visible;}
.button-loading-indicator .loader,.status-loading-indicator .loader{--loader-dot:9px;--loader-gap:4px;--loader-shadow:15px;--loader-shift:7.5px;flex-basis:25px;width:25px;height:25px;}
.btn[aria-busy="true"],.copy-pix[aria-busy="true"]{min-width:72px;background:#f1f7f1;color:var(--forest);box-shadow:inset 0 0 0 1px #dce9dc;opacity:1;}
.status-loading-indicator{margin-right:5px;vertical-align:middle;}
[aria-busy="true"]{cursor:wait;}
@media(prefers-reduced-motion:reduce){.loader,.loader::before,.loader::after{animation-duration:2s;}}

/* Tutor account surfaces echo Loja do Vô João account and dashboard styling. */
.account-page{background:#f4f6f9;color:#1a1f36}
.account-page-heading h1{color:#1a1f36}
.account-page-heading p{color:#667085}
.account-page-heading .eyebrow{color:#22a832}
.account-page-card,.account-page-card .my-orders{background:#fff;border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.06)}
.account-page-card{padding:28px}
.account-page-card h2,.account-page-card h3,.account-page-card h4{color:#1a1f36}
.account-page-card #auth-status,.account-page-card #account-greeting{color:#667085}
.account-page-card .my-orders{padding:20px}
.account-page-card #orders-list{color:#1a1f36}
.account-page-card #orders-list li{padding:12px 14px;border:1px solid #e8ecf1;border-radius:10px;background:#f8fafc}
.account-page-card input:not([type="checkbox"]):not([type="file"]),.account-page-card textarea{border:1px solid #e8ecf1;border-radius:10px;box-shadow:none;color:#1a1f36;transition:border-color .18s,box-shadow .18s}
.account-page-card input:focus,.account-page-card textarea:focus{outline:none;border-color:#22a832;box-shadow:0 0 0 3px rgba(34,168,50,.12)}
.account-page-card .btn{background:#22a832}
.account-page-card .btn:hover{background:#1b8f2b}
.account-page-card .btn.secondary{background:#fff;color:#1a1f36;border:1px solid #e8ecf1}
.account-modal::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}
.account-modal-card{padding:0;background:#1a1f36;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.2)}
.account-modal .account-panel{background:transparent;color:#fff;padding:34px 32px}
.account-modal .account-panel h2,.account-modal .account-panel h3{color:#fff}
.account-modal #auth-status,.account-modal #auth-action-status,.account-modal .account-panel>p{color:rgba(255,255,255,.72)}
.account-modal .account-panel label{color:rgba(255,255,255,.88)}
.account-modal .account-fields input,.account-modal .auth-action-panel input{border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:none;background:rgba(255,255,255,.06);color:#fff}
.account-modal .account-fields input::placeholder,.account-modal .auth-action-panel input::placeholder{color:rgba(255,255,255,.45)}
.account-modal .account-fields input:focus,.account-modal .auth-action-panel input:focus{outline:none;border-color:#22a832;box-shadow:0 0 0 3px rgba(34,168,50,.18);background:rgba(255,255,255,.1)}
.account-modal .auth-help .text-button,.account-modal .text-button{color:#d9f3dd}
.account-modal .privacy-note{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.account-modal .privacy-note summary{color:#fff}
.account-modal .privacy-note p,.account-modal .consent{color:rgba(255,255,255,.78)}
.account-modal .auth-confirm-icon{color:#22a832}
.account-modal .account-modal-close{background:rgba(255,255,255,.1);color:#fff}
.account-modal .account-modal-close:hover{background:rgba(255,255,255,.18)}
@media(max-width:600px){.account-page-card{padding:20px}.account-page-card .my-orders{padding:16px}.account-modal-card{background:#1a1f36}.account-modal .account-panel{padding:64px 20px 26px}}

.account-modal .password-toggle{color:#fff}
.account-modal .password-toggle:hover,.account-modal .password-toggle:focus-visible{background:rgba(255,255,255,.1)}
.account-modal .auth-mode-switch{background:rgba(255,255,255,.08)}
.account-modal .auth-mode-switch button{color:rgba(255,255,255,.72)}
.account-modal .auth-mode-switch button[aria-pressed="true"]{color:#fff}

/* Restore the previous /account layout. */
.account-page{width:auto;min-height:70vh;margin:0;padding:60px 6%;background:#f4f6f9;color:#1a1f36}
.account-page-heading{max-width:790px;margin:0 auto 24px}
.account-page-heading h1{font-size:clamp(32px,5vw,48px);margin:0 0 8px;color:#1a1f36}
.account-page-heading p{color:#667085}
.account-page-card,.account-page-card .my-orders{background:#fff;border:1px solid #e8ecf1;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.06)}
.account-page-card{max-width:790px;margin:0 auto;padding:28px}
.account-page-card #account-profile{display:block}
.account-page-card #account-profile[hidden]{display:none!important}
.account-page-card .my-orders{margin:22px 0;padding:20px}
@media(max-width:600px){.account-page{padding:38px 5%}.account-page-card{padding:20px}.account-page-card .my-orders{padding:17px}}

/* Account dropdown in the site header. */
.header-account-menu{position:relative;display:inline-flex;flex:0 0 auto}
.account-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.account-menu-trigger svg{display:block;width:18px;height:18px;flex:0 0 auto;transform:rotate(90deg)}
.header-account-menu .account-menu-dropdown{position:absolute;z-index:40;top:calc(100% + 10px);right:0;display:grid;min-width:190px;padding:6px;border:1px solid #e8ecf1;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.16)}
.header-account-menu .account-menu-dropdown[hidden]{display:none!important}
.account-menu-dropdown a,.account-menu-dropdown button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#1a1f36;font:600 14px var(--font-text);text-align:left;cursor:pointer}
.account-menu-dropdown a:hover,.account-menu-dropdown a:focus-visible{background:#f4f6f9;outline:none}
.account-menu-dropdown .header-account-logout{color:#c62828}
.account-menu-dropdown .header-account-logout:hover,.account-menu-dropdown .header-account-logout:focus-visible{background:#fef2f2;outline:none}
.account-menu-dropdown svg{width:18px;height:18px;flex:0 0 auto}
.mobile-account-menu{display:none}
@media(max-width:1250px){.top nav .mobile-account-menu{display:grid;gap:8px;flex:0 0 auto;margin-top:12px}.top nav .mobile-account-menu .account-menu-trigger{display:flex;width:100%;min-height:52px;margin:0;padding:12px 24px;border:1px solid #d8eadb;border-radius:999px;background:#f1f8f2;color:#238642;font-size:18px;line-height:1.2}.top nav .mobile-account-menu .account-menu-trigger:hover,.top nav .mobile-account-menu .account-menu-trigger:focus-visible{background:#e5f2e7;border-color:#b8d8bd;outline:none}.top nav .mobile-account-menu .account-menu-dropdown{position:static;min-width:0;width:100%;margin:0;box-shadow:0 4px 16px rgba(16,24,40,.1)}}
@media(max-width:600px){.top nav .mobile-account-menu .account-menu-trigger{font-size:20px}}
.account-menu-dropdown .header-account-logout[hidden]{display:none!important}

@media(max-width:1250px){.top nav .account-menu-dropdown a{font-size:14px;font-weight:600}}
.account-menu-trigger svg[hidden]{display:none!important}.account-menu-trigger[data-authenticated="true"]>svg{display:block!important;visibility:visible!important;opacity:1!important}

.header-account-menu .account-menu-dropdown .menu-item-chevron{width:16px;height:16px;margin-left:auto;color:currentColor}

/* Restore the Amor que Volta tutor login and registration modal. */
.account-modal::backdrop{background:rgba(14,30,20,.68);backdrop-filter:blur(3px)}
.account-modal-card{position:relative;padding:12px!important;background:#fff!important;border:0!important;border-radius:22px!important;box-shadow:0 24px 90px #0005!important}
.account-modal .account-panel{margin:0;border:0;padding:30px 28px;background:#fff!important;color:var(--forest)!important}
.account-modal .account-panel h2,.account-modal .account-panel h3{color:var(--forest)!important}
.account-modal #auth-status,.account-modal #auth-action-status,.account-modal .account-panel>p{color:#5c6b60!important}
.account-modal .account-panel label,.account-modal .consent{color:var(--forest)!important}
.account-modal .fields input,.account-modal .fields select{border:1.5px solid #000;border-radius:.5rem;box-shadow:2.5px 3px 0 #000;background:#fff;color:#163426}
.account-modal .fields input:focus,.account-modal .fields select:focus{border-color:#238642;box-shadow:5.5px 7px 0 #000}
.account-modal .auth-action-panel input{border:1px solid #cbd8cb;border-radius:10px;box-shadow:none;background:#fff;color:#163426}
.account-modal .auth-action-panel input:focus{outline:none;border-color:#238642;box-shadow:0 0 0 3px rgba(35,134,66,.12)}
.account-modal .fields input::placeholder,.account-modal .auth-action-panel input::placeholder{color:#69766d}
.account-modal .auth-help .text-button,.account-modal .text-button{color:var(--forest)!important}
.account-modal .privacy-note{background:#fff;border-color:#e5e7dc}
.account-modal .privacy-note summary{color:var(--forest)!important}
.account-modal .privacy-note p{color:#536256!important}
.account-modal .auth-confirm-icon{color:#278447}
.account-modal .account-modal-close{background:#eef2ea;color:var(--forest)}
.account-modal .account-modal-close:hover{background:#e1eadd}
.account-modal .password-toggle{color:var(--forest)!important}
.account-modal .password-toggle:hover,.account-modal .password-toggle:focus-visible{background:#eef3eb}
.account-modal .auth-mode-switch{background:#eef3eb}
.account-modal .auth-mode-switch button{color:var(--forest)}
.account-modal .auth-mode-switch button[aria-pressed="true"]{color:#fff}
@media(max-width:600px){.account-modal-card{min-height:100%;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;border-radius:0!important;box-shadow:none!important}.account-modal .account-panel{padding:64px 17px 24px}}

/* Mobile: keep the process copy and complete mosaic artwork inside the viewport. */
@media(max-width:600px){
  .how{padding:24px 5% 32px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:26px}
  .steps::before{display:none}
  .steps>div{min-width:0;margin-top:0!important}
  .steps>div:nth-child(odd)::after{content:"";position:absolute;z-index:0;top:40px;left:calc(50% + 41px);right:calc(-8px - 41px);height:4px;border-radius:3px;background:#e2e7dd}
  .steps span{position:relative;z-index:1;flex:0 0 auto;width:82px;height:82px;margin-bottom:12px}
  .steps em{right:calc(50% - 43px);top:6px;width:25px;height:25px;font-size:13px}
  .steps b,.steps small{max-width:100%;overflow-wrap:anywhere}
  .steps b{font-size:15px;line-height:1.25}
  .steps small{font-size:13px;line-height:1.35}
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:#fff}
  .mosaic article{min-width:0;min-height:0;aspect-ratio:247/139;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat}
}

@media(min-width:1251px){
  .top nav>a[href^="#"]:not(.btn){position:relative}
  .top nav>a[href^="#"]:not(.btn)::after{position:absolute;left:50%;bottom:-8px;width:5px;height:5px;border-radius:50%;background:var(--green);content:"";opacity:0;transform:translateX(-50%) scale(.5);transition:opacity .18s ease,transform .18s ease}
  .top nav>a[href^="#"].is-current-section:not(.btn)::after{opacity:1;transform:translateX(-50%) scale(1)}
}

/* Mobile mosaic artwork: generated photo crops with real, safely inset captions. */
@media(max-width:600px){
  .mosaic article{position:relative;aspect-ratio:4/3;min-height:0;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}
  .mosaic article::after{position:absolute;inset:auto 0 0;padding:24px 9px 8px;color:#fff;font:600 clamp(12px,3.35vw,14px)/1.18 var(--font-display);text-align:left;text-shadow:0 1px 4px #0009;background:linear-gradient(0deg,#10180fd9,transparent);content:""}
  .mosaic article:nth-child(1){background-image:url('/assets/mosaic-mobile-dog.webp')!important}
  .mosaic article:nth-child(1)::after{content:"Mais segurança"}
  .mosaic article:nth-child(2){background-image:url('/assets/mosaic-mobile-cat.webp')!important}
  .mosaic article:nth-child(2)::after{content:"Mais liberdade"}
  .mosaic article:nth-child(3){background-image:url('/assets/mosaic-mobile-hug.webp')!important}
  .mosaic article:nth-child(3)::after{content:"Mais reencontros"}
  .mosaic article:nth-child(4){background-image:url('/assets/mosaic-mobile-child.webp')!important}
  .mosaic article:nth-child(4)::after{content:"Mais histórias felizes"}
}