@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#263b35;--muted:#66766f;--paper:#f9f6f1;--pearl:#f2f1ef;--mist:#efdcd5;--navy:#263b35;--line:#dbe1e4;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.viewer:focus-visible{outline:3px solid #7896ac;outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;flex-shrink:0}.site-header{max-width:1440px;margin:auto;padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font:500 31px/1 var(--serif);letter-spacing:-1px}.wordmark>span{font-size:25px;margin:0 5px}.brand{font-size:12px;color:var(--muted)}.header-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.header-link svg{width:16px;height:16px}.hero{max-width:1440px;margin:0 auto;padding:15px 3.5% 72px 5.5%;display:grid;grid-template-columns:.79fr 1.21fr;align-items:center;min-height:655px}.intro{position:relative;z-index:1;padding:35px 10px 55px 0}h1{font:400 clamp(56px,5.9vw,88px)/.97 var(--serif);letter-spacing:-2.8px;margin:0 0 28px}.lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:340px;margin:0 0 40px}.product-description{display:flex;gap:13px;align-items:center;margin-bottom:39px}.pearl-swatch{height:33px;width:33px;flex-shrink:0;border-radius:50%;background:radial-gradient(ellipse at 31% 28%,#fff 8%,#f7f7f6 29%,#dadcde 57%,#f5f4f0 76%,#cdd2d5 100%);box-shadow:inset 0 0 0 1px #dadcdb,0 2px 5px #29354112}.product-description strong{display:block;font-size:12px;font-weight:600}.product-description div>span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;border-bottom:1px solid #aab4bb;padding-bottom:8px}.text-link svg{width:15px;height:15px}.showcase{min-width:0;position:relative}.viewer{height:490px;position:relative;touch-action:pan-y;border-radius:50% 50% 35% 35%;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,#e2e8ed 0%,#e9edf0 34%,#f2f4f4 56%,#fbfaf8 72%)}.viewer canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.viewer canvas:active{cursor:grabbing}.loading,.fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--muted)}.loading>span{width:17px;height:17px;border:1px solid #cad1d5;border-top-color:var(--navy);border-radius:50%;animation:spin 1.2s linear infinite}.loading.is-hidden{display:none}.fallback{flex-direction:column}.fallback[hidden]{display:none}.fallback img{width:100%;max-height:90%;object-fit:contain}.viewer-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 6%;color:#536775;font-size:11px}.viewer-caption>span{display:flex;align-items:center;gap:8px}.viewer-caption>span svg{width:17px;height:17px}.viewer-actions{display:flex;align-items:center;gap:6px}.viewer-actions button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid #d5dde1;background:#ffffff55;border-radius:30px;color:var(--ink);font-size:10px;cursor:pointer;min-height:38px}.viewer-actions button:last-child{width:38px;padding:8px}.viewer-actions svg{width:15px;height:15px}.viewer-actions button[aria-pressed="true"]{background:var(--navy);color:white;border-color:var(--navy)}.visual-note{margin:15px 5% 0;text-align:center;font-size:9px;color:#7e8a91;line-height:1.6}.proposal{max-width:1220px;margin:0 auto;padding:66px 72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:#e9eef1;border-radius:6px}.section-label{font-size:13px;margin:0 0 20px;color:#5b7180}.proposal h2{font:400 53px/1.04 var(--serif);letter-spacing:-1px;margin:0 0 25px}.proposal-intro>p:last-child{font-size:13px;line-height:1.85;color:#627581;margin:0}.quote{padding:3px 0}.quote-line{display:flex;justify-content:space-between;gap:20px;font-size:13px;border-bottom:1px solid #cbd5dc;padding-bottom:19px}.quote-line small{font-size:11px;color:#657888}.total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0}.total>span{font-size:12px;color:#536979}.total strong{font:500 60px/1.1 var(--serif);letter-spacing:-2px;white-space:nowrap}.total strong>span:first-child{font-size:24px;letter-spacing:0}.total strong>span:last-child{font-size:38px;letter-spacing:-1px}.payment{display:grid;grid-template-columns:1fr 1px 1fr;gap:30px;padding:18px 0 24px;border-top:1px solid #cbd5dc}.payment-label{font-size:11px;display:block;color:#536979}.payment strong{display:block;font-size:18px;font-weight:500;margin-top:6px}.payment-divider{background:#cbd5dc;width:1px;margin:2px 0}.shipping{display:flex;gap:8px;align-items:center;font-size:11px;margin:0 0 25px}.shipping>span{color:#6d7d88;font-size:10px;margin-left:auto}.shipping svg{width:17px;height:17px}.approve{display:flex;justify-content:center;align-items:center;gap:11px;padding:18px 22px;background:var(--navy);color:#fff;border-radius:4px;font-size:13px;font-weight:600;min-height:57px;transition:background .2s}.approve:hover{background:#203544}.approve svg{width:22px;height:22px}.cta-note{font-size:10px;color:#657888;text-align:center;margin:13px 0 0}.closing{padding:75px 20px 70px;text-align:center}.closing-mark{font:400 27px var(--serif);color:#768994}.closing p{font:400 32px/1.1 var(--serif);margin:11px 0 0;color:#536977}footer{max-width:1280px;margin:auto;border-top:1px solid #e0e4e5;padding:26px 24px 32px;display:flex;justify-content:space-between;font-size:10px;color:#74838c}footer a>span{margin-left:12px;color:#465d6d}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1440px){.hero{min-height:700px}.viewer{height:560px}}
@media(max-width:1050px){.site-header{padding:26px 5%}.hero{padding-left:5%;padding-bottom:50px;min-height:580px}.viewer{height:420px}.intro{padding-top:30px}h1{font-size:62px}.lead{font-size:13px;max-width:280px}.proposal{margin:0 4%;padding:50px 45px;gap:45px}.proposal h2{font-size:46px}.total strong{font-size:53px}.total{gap:10px}.viewer-caption{margin:0 1%}.viewer-caption>span{font-size:10px}.viewer-actions button{font-size:9px;padding:8px}.product-description div>span{max-width:190px}}
@media(max-width:700px){.site-header{padding:24px 6%;gap:8px}.wordmark{font-size:27px}.brand{font-size:10px;max-width:130px;text-align:center}.header-link{font-size:10px;gap:4px}.header-link svg{width:12px}.hero{display:flex;flex-direction:column;min-height:0;padding:12px 0 42px}.intro{align-self:stretch;padding:24px 8% 0}.intro h1{font-size:61px;letter-spacing:-2px;margin-bottom:19px}.lead{max-width:330px;font-size:13px;line-height:1.8;margin-bottom:23px}.product-description{margin-bottom:0}.product-description div>span{max-width:none;font-size:10px}.intro .text-link{display:none}.showcase{width:100%;margin-top:0}.viewer{height:350px;border-radius:0}.viewer-caption{margin:-8px 8% 0;position:relative;z-index:2}.viewer-actions button{min-height:40px;font-size:10px;padding:10px}.viewer-actions button:last-child{width:40px}.visual-note{font-size:9px;margin:14px 9% 0}.proposal{margin:0 5%;padding:35px 27px;display:block}.proposal-intro{margin-bottom:30px}.section-label{font-size:11px;margin-bottom:13px}.proposal h2{font-size:39px;line-height:1.06;margin-bottom:14px}.proposal h2 br:nth-child(2){display:none}.proposal h2 br:nth-child(2):after{content:' '}.proposal-intro>p:last-child{font-size:11px}.proposal-intro>p:last-child br{display:none}.quote-line{font-size:12px;padding-bottom:17px}.quote-line small{font-size:10px}.total{padding:24px 0}.total strong{font-size:57px}.total>span{font-size:11px;max-width:70px}.total strong>span:first-child{font-size:23px}.total strong>span:last-child{font-size:34px}.payment{gap:20px;padding-top:19px}.payment-label{font-size:10px}.payment strong{font-size:17px}.shipping{flex-wrap:wrap;gap:6px;font-size:10px}.shipping>span{font-size:9px}.approve{font-size:13px;padding:17px 14px}.cta-note{font-size:9px;max-width:245px;margin:12px auto 0}.closing{padding:49px 20px}.closing p{font-size:29px}footer{margin:0 6%;padding:23px 0 28px;gap:13px;flex-direction:column;align-items:center;text-align:center;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Identidade Forma de Amor 3D: cores extraídas dos arquivos fornecidos. */
.wordmark{display:block;position:relative;width:230px;height:73px;overflow:hidden;mix-blend-mode:multiply;flex-shrink:0}
.wordmark img{position:absolute;width:300px;height:auto;max-width:none;left:-43px;top:-39px}
.brand{color:#8a5344}.header-link{color:#263b35}.text-link{border-color:#af6e5f;color:#8a5344}
.viewer{background:radial-gradient(ellipse at 50% 49%,#e2e6e4 0%,#eaece8 34%,#f3f2ed 56%,#f9f6f1 72%)}
.proposal{background:#263b35;color:#f9f6f1}.section-label{color:#e8a79b}.proposal-intro>p:last-child{color:#d6e0d9}
.quote-line{border-color:#50635c}.quote-line small,.total>span{color:#d6e0d9}.payment{border-color:#50635c}.payment-label{color:#d6e0d9}.payment-divider{background:#50635c}.shipping>span,.cta-note{color:#c4d1c9}
.approve{background:#f9f6f1;color:#263b35}.approve:hover{background:#efdcd5}.closing-mark{display:inline-block;width:40px;height:40px;object-fit:contain}.closing p{color:#263b35}footer a>span{color:#263b35}
@media(max-width:700px){.wordmark{width:171px;height:55px}.wordmark img{width:226px;left:-32px;top:-30px}.brand{display:none}.site-header{padding:17px 6%}.header-link{font-size:11px}.viewer{border-radius:0}}
