@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--ink:#142633;--muted:#62737b;--blue:#087dad;--pale:#eaf6fa;--line:#dce8e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #ffb82e}.wrap{width:min(1120px,100% - 48px);margin:auto}.header{background:#fff;height:86px}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:10px;font:800 27px/.8 Outfit,sans-serif;display:inline-flex}.brand small{letter-spacing:2px;margin-top:5px;font:700 9px/1.2 DM Sans,sans-serif;display:block}.brand-accent{color:#08a3cf}.brand-icon{color:#fff;background:#0b8eb9;border-radius:12px;place-items:center;width:41px;height:41px;display:grid}.nav-right{color:#849298;align-items:center;gap:30px;font-size:12px;display:flex}.button{color:#fff;background:#078bbd;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:18px 23px;font-size:15px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 8px 20px #078bbd28}.button:hover{background:#046d96;transform:translateY(-2px)}.button-small{box-shadow:none;padding:12px 16px;font-size:12px}.hero{background:#edf7f9;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:550px;display:grid}.eyebrow,.section-label{letter-spacing:2px;color:#1684a4;font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:9px;display:flex}.dot{background:#20bba5;border-radius:50%;width:7px;height:7px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Outfit,sans-serif}h1{margin:24px 0;font-size:clamp(48px,5.8vw,76px);line-height:1.04}h1 em,h2 em{color:#078eb9;font-style:normal}.lead{color:#5f727a;max-width:450px;margin-bottom:27px;font-size:18px;line-height:1.7}.cta-note{color:#71878c;align-items:center;gap:7px;margin:15px 0;font-size:12px;display:flex}.hero-art{place-items:center;height:440px;display:grid;position:relative}.art-orbit{border:1px solid #c8e5ea;border-radius:50%;width:400px;height:400px;position:absolute}.orbit-two{width:330px;height:330px}.art-card{background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;width:300px;height:337px;padding:23px;display:flex;position:relative;transform:rotate(5deg);box-shadow:0 25px 70px #33778b24}.art-card-top,.art-bottom{color:#83a2a9;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.mini-brand{color:#128cad;letter-spacing:0;align-items:center;gap:6px;font-size:12px;display:flex}.art-center{text-align:center;font:500 20px/1.2 Outfit,sans-serif}.art-center p{margin:14px 0 0}.art-center strong{font-size:24px}.bag{color:#058db7;background:#e5f7f9;border-radius:35px;place-items:center;width:115px;height:115px;margin:auto;display:grid;position:relative}.bag span{color:#48371b;background:#ffcf66;border-radius:50%;place-items:center;width:33px;height:33px;font-weight:800;display:grid;position:absolute;bottom:13px;right:14px}.float-badge{color:#728990;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:15px;font-size:11px;display:flex;position:absolute;bottom:55px;left:5px;box-shadow:0 12px 35px #376d7a20}.float-badge svg{color:#03a2bb}.float-badge strong{color:var(--ink);font-size:13px}.float-spark{color:#695119;background:#ffdc81;border-radius:14px;padding:14px;position:absolute;top:70px;right:30px;transform:rotate(12deg)}.hero-bottom{color:#91aaaf;letter-spacing:1.3px;align-items:center;gap:12px;padding:0 0 25px;font-size:9px;display:flex}.hero-line{background:#d1e5e8;flex:1;height:1px}.stores-section{border-bottom:1px solid var(--line)}.stores{grid-template-columns:1fr 1fr;gap:60px;padding:85px 0;display:grid}h2{margin:15px 0;font-size:clamp(34px,4vw,48px);line-height:1.08}.stores-content{padding-top:15px}.stores-content>p,.section-heading>p,.faq-grid>div>p{color:var(--muted);font-size:15px;line-height:1.7}.store-list{gap:15px;margin-top:25px;display:flex}.store{border:1px solid var(--line);border-radius:10px;flex:1;align-items:center;gap:12px;padding:17px;display:flex}.store-icon{border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.shopee{color:#ee4d2d;background:#fff0e9}.mercado{color:#288ac1;background:#fff7c9;font-size:27px}.store small{letter-spacing:1px;color:#90a0a4;margin-bottom:4px;font-size:9px;display:block}.store strong{font:700 17px Outfit,sans-serif}.how{padding:100px 0}.section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-heading>p{max-width:300px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px;display:grid}.steps article{border:1px solid var(--line);border-radius:12px;padding:27px}.step-number{color:#afc5c8;letter-spacing:1px;margin-bottom:32px;font-size:11px;display:block}.steps svg{color:#0b94b7}.steps h3{margin:17px 0 10px;font:700 20px Outfit,sans-serif}.steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.faq-section{background:#f6faf9;padding:95px 0}.faq-grid{grid-template-columns:1fr 1.2fr;gap:80px;display:grid}.faq-grid>div>p{max-width:300px}.faq-list details{border-bottom:1px solid #d6e5e4}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;padding:22px 0;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#088eb4;font-size:22px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.7}.final-inner{justify-content:space-between;align-items:center;gap:30px;padding:70px 0;display:flex}.final-inner h2{margin-bottom:10px}.final-inner p{color:#607b82;margin:0}footer{color:#fff;background:#102b36}.footer-inner{justify-content:space-between;padding:55px 0;display:flex}.footer-brand{color:#fff}.footer-inner p{color:#9bb0b6;margin:20px 0 0;font-size:13px}.footer-links{align-items:center;gap:25px;display:flex}.footer-links a{color:#c5d4d7;align-items:center;gap:7px;font-size:12px;display:flex}.footer-links a:hover{color:#fff}.footer-bottom{color:#90a8ae;border-top:1px solid #33505b;justify-content:space-between;gap:20px;padding:20px 0;font-size:11px;display:flex}@media (max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:72px}.nav-right>span{display:none}.button-small{padding:11px;font-size:11px}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:55px}.hero-copy{text-align:left}.hero-art{height:350px}.art-card{width:240px;height:275px}.art-orbit{width:310px;height:310px}.orbit-two{width:260px;height:260px}.float-badge{bottom:35px;left:0}.float-spark{top:40px;right:5px}.hero-bottom span:last-child{display:none}.stores{grid-template-columns:1fr;gap:5px;padding:65px 0}.store-list{gap:8px}.store{gap:8px;padding:12px}.store-icon{flex-shrink:0;width:40px;height:40px}.store strong{font-size:14px}.how{padding:70px 0}.section-heading{display:block}.steps{grid-template-columns:1fr;gap:10px}.steps article{padding:22px}.step-number{margin-bottom:20px}.faq-section{padding:70px 0}.faq-grid{grid-template-columns:1fr;gap:15px}.final-inner{padding:60px 0;display:block}.final-inner .button{width:100%;margin-top:25px}.footer-inner{display:block}.footer-links{flex-wrap:wrap;margin-top:30px}.footer-bottom{line-height:1.7;display:block}.footer-bottom span{display:block}.lead{font-size:16px}.hero-copy>.button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (min-width:701px){.hero-copy>.button{min-width:290px;padding:22px 36px;font-size:18px}}:root{--ink:#191919;--muted:#625e55;--line:#e9e2d2}.header{background:#111}.brand-logo{object-fit:cover;border-radius:50%;width:64px;height:64px}.nav-right{color:#c5bca9}.button{color:#17130b;background:#ffc125;box-shadow:0 8px 20px #a86c0029}.button:hover{background:#eeb01a}.hero{color:#fff;background:#151515}.hero .lead,.hero .cta-note{color:#d2cbbd}.hero .eyebrow,.hero h1 em{color:#ffc125}.dot{background:#ffc125}.cta-note svg{color:#ffc125}.hero-logo{border-radius:50%;width:min(400px,90%);height:auto;position:relative;box-shadow:0 0 55px #fdbd1b21}.hero-bottom{color:#b9ad93}.hero-line{background:#534a39}.section-label,h2 em,.steps svg,.faq-list summary span{color:#986300}.stores-section{background:#fffdf8}.store{background:#fff}.mercado{color:#1f4d82;background:#ffe600}.faq-section{background:#faf7ef}.final-cta{background:#ffe6a1}.final-inner p{color:#5e5134}footer{background:#111}.footer-inner p,.footer-links a,.footer-bottom{color:#c6bda9}.footer-bottom{border-color:#51493c}@media (max-width:700px){.brand-logo{width:56px;height:56px}.hero-logo{width:min(300px,90%)}}