:root{font-family:Arial,Helvetica,sans-serif;color:#17283e;background:#eeeae4;font-synthesis:none;--navy:#17283e;--gold:#bb914f;--paper:#fffdf9}*{box-sizing:border-box}body{margin:0;display:flex;justify-content:center;gap:100px;min-height:100svh;padding:40px 25px}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #aa7831;outline-offset:5px}button,a,summary{touch-action:manipulation}html{scroll-behavior:smooth}.device{width:406px;height:min(844px,calc(100svh - 80px));padding:6px;border:1px solid #c7c3be;border-radius:34px;background:#faf8f4;box-shadow:0 18px 48px #17283e18;flex-shrink:0}.screen{height:100%;overflow:auto;border-radius:27px;background:var(--paper);scroll-behavior:smooth;scrollbar-width:none;scroll-padding-top:16px}.screen::-webkit-scrollbar{display:none}.operator{padding:8px;text-align:center;background:var(--navy);color:#fff;font-size:10px;letter-spacing:.06em}header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#fff}header img{width:100px;height:auto;display:block}header a{font-size:11px;text-decoration:none;font-weight:700}header a span{margin-left:5px}.hero{position:relative;background:#f5f0e7;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:28px 25px 0}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#846232}h1{font-size:35px;line-height:1.09;letter-spacing:-1.5px;font-weight:500;margin:12px 0 14px}h1 em{font-style:normal;color:#a87933}.hero-copy p{max-width:280px;font-size:14px;line-height:1.55;margin:0 0 20px}.button{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;font-size:13px;font-weight:700;border-radius:5px;padding:15px 18px}.primary{background:var(--navy);color:#fff;max-width:246px}.button>span:last-child{font-size:19px;line-height:1}.hero-image{width:100%;height:250px;object-fit:cover;object-position:center;display:block;margin-top:-12px;mix-blend-mode:multiply}.hero-caption{position:absolute;bottom:16px;left:25px;font-size:10px;letter-spacing:.04em;color:#6a5b43}.explore{padding:34px 25px 28px}h2{font-size:29px;font-weight:500;line-height:1.13;letter-spacing:-1px;margin:11px 0 23px}.actions{border-top:1px solid #ddd7cd}details{border-bottom:1px solid #ddd7cd;scroll-margin-top:12px}summary{list-style:none;display:flex;gap:12px;align-items:center;cursor:pointer;padding:20px 0;min-height:86px;font-size:15px;font-weight:700}summary::-webkit-details-marker{display:none}.step{color:#a67a3e;font-size:11px;align-self:flex-start;margin-top:2px;font-weight:400}summary small{font-size:11px;display:block;color:#6c716f;font-weight:400;margin-top:7px;line-height:1.4}.expand{font-size:24px;color:#95713a;font-weight:400;margin-left:auto}details[open] .expand{font-size:0}details[open] .expand:after{content:'−';font-size:24px}.answer{padding:0 0 20px 26px;font-size:13px;line-height:1.65;color:#44505b}.answer p{margin:0 0 12px}.answer ol{padding-left:18px;margin:0 0 14px}.answer li{padding:0 0 9px}.text-link{display:block;margin-top:12px;font-size:12px;color:var(--navy)}.next-step{display:inline-block;margin-top:3px;font-size:12px;color:var(--navy)}.handoff{background:var(--navy);color:#fff;padding:31px 25px}.handoff .eyebrow{color:#d4ba91}.handoff h2{font-size:28px;margin-bottom:13px}.handoff p{font-size:13px;line-height:1.6;color:#d0d5dc;margin:0 0 22px}.gold{background:#d7b77f;color:#17283e}.whatsapp{margin-top:10px;color:#fff;border:1px solid #607181;justify-content:flex-start;font-size:12px}.whatsapp>span:last-child{margin-left:auto}.whatsapp img{object-fit:contain}.handoff>small{display:block;text-align:center;font-size:10px;line-height:1.6;color:#b4c0cb;margin-top:15px}footer{padding:25px 25px 20px}footer>img{height:auto;width:92px}footer p{font-size:10px;line-height:1.7;color:#747b80;margin:13px 0 16px}footer nav{display:flex;gap:15px;font-size:10px}.footer-end{display:flex;justify-content:space-between;border-top:1px solid #e4dfd7;padding-top:17px;margin-top:22px;font-size:9px;color:#6f767b}
body{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:64px;max-width:1400px;margin:0 auto;padding:76px 32px 50px;background:#f7f7f2}
:root{background:#f7f7f2}.desktop-panel{width:auto;align-self:start;position:sticky;top:60px;padding-top:2px}.preview-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#737b70}.desktop-panel h2{font-size:35px;line-height:1.13;margin:23px 0 26px;font-weight:500;letter-spacing:-1px}.desktop-panel>p{font-size:13px;line-height:1.8;color:#65705f;margin:0 0 24px}.demo-facts{margin:0;padding:8px 0 0;border-top:1px solid #d5d9cd;font-size:11px}.demo-facts>div{display:flex;justify-content:space-between;gap:16px;padding:16px 0}.demo-facts dt{color:#92998b}.demo-facts dd{margin:0;text-align:right;color:#627056}.demo-about{margin-top:58px}.demo-about h3{font-size:12px;color:#536247;margin:0 0 6px}.demo-about p{font-size:12px;color:#65705f;line-height:1.7;margin:0}.desktop-panel>small{display:block;margin-top:48px;color:#7e837d;font-size:10px}.desktop-panel button{border:1px solid #bdc5b4;background:transparent;padding:9px 12px;border-radius:4px;font:inherit;font-size:11px;min-height:36px}.share{margin-top:55px}.share img{background:#fff;padding:5px;display:block}.share p{font-size:10px;color:#65705f;line-height:1.6;margin:10px 0}.share>span{display:block;font-size:11px;margin-top:7px}.preview-stage{position:relative;min-width:0;display:flex;justify-content:center;padding-top:4px}.preview-controls{position:absolute;right:0;top:-43px;display:flex;gap:3px;padding:3px;border:1px solid #c4c9bb;border-radius:6px;background:#f7f7f2}.preview-controls button{font:inherit;font-size:10px;padding:8px 11px;min-height:29px;border:0;border-radius:4px;background:transparent;color:#536247}.preview-controls button[aria-pressed="true"]{background:#56684b;color:#fff}.device{width:392px;height:min(824px,calc(100svh - 110px));min-height:600px;padding:1px;border:1px solid #8a9581;border-radius:25px;background:#fff;box-shadow:0 8px 20px #26371c0c}.screen{border-radius:23px}.desktop-view .device{width:100%;height:min(700px,calc(100svh - 140px));min-height:570px;padding:9px 7px 7px;border-radius:10px;background:#e7eae2;border-color:#9ba68e}.desktop-view .screen{border-radius:2px}.desktop-view header{padding:12px 28px}.desktop-view header img{width:110px}.desktop-view .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:410px;padding:30px 28px}.desktop-view .hero-copy{padding:0;grid-area:1/1}.desktop-view h1{font-size:38px;letter-spacing:-1.4px}.desktop-view .hero-copy p{font-size:14px}.desktop-view .hero-image{grid-area:1/2;height:auto;max-height:340px;object-fit:contain;margin:0}.desktop-view .explore{max-width:700px;margin:auto;padding:40px 30px}.desktop-view .handoff{text-align:center;padding:40px 30px}.desktop-view .handoff p{max-width:440px;margin:0 auto 23px}.desktop-view .handoff .button{max-width:370px;margin-left:auto;margin-right:auto}.desktop-view footer{max-width:800px;margin:auto;padding:30px}.desktop-view footer p{max-width:600px}
@media(min-width:761px) and (max-width:1100px){body{grid-template-columns:240px minmax(0,1fr);gap:35px;padding:72px 28px 35px}.desktop-panel h2{font-size:30px}.desktop-view .hero{display:block;min-height:0;padding:0}.desktop-view .hero-copy{padding:30px 25px 0}.desktop-view .hero-image{height:230px;width:100%;object-fit:cover;margin-top:-12px}.desktop-view h1{font-size:35px}}
@media(max-width:760px){body{display:block;padding:0;margin:0;background:var(--paper)}.desktop-panel,.preview-controls{display:none!important}.preview-stage{display:block;padding:0}.device,.desktop-view .device{width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--paper)}.screen,.desktop-view .screen{height:auto;overflow:visible;border-radius:0}.hero-image{height:260px}.operator{font-size:10px}.hero-copy{padding-top:30px}.desktop-view .hero{display:block;min-height:0;padding:0}.desktop-view .hero-copy{padding:30px 25px 0}.desktop-view h1{font-size:35px;letter-spacing:-1.5px}.desktop-view .hero-copy p{font-size:14px;max-width:280px}.desktop-view .hero-image{height:260px;object-fit:cover;margin-top:-12px}.desktop-view .explore{padding:34px 25px 28px}.desktop-view h2{font-size:29px}.desktop-view .handoff{text-align:left;padding:31px 25px}.desktop-view .handoff p{font-size:13px}.desktop-view header{padding:10px 24px}.desktop-view header img{width:100px}.desktop-view header a{font-size:11px}.desktop-view footer{padding:25px 25px 20px}}
@media(prefers-reduced-motion:reduce){html,.screen{scroll-behavior:auto}}

html{scrollbar-width:none}html::-webkit-scrollbar{display:none}

.share img{padding:0;image-rendering:pixelated}