:root{--ink:#101010;--dark:#171717;--orange:#ff8a00;--cream:#f5f1e9;--line:#d9d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.55 'DM Sans',sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Oswald,sans-serif;text-transform:uppercase;line-height:1.04;letter-spacing:-.018em}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1280px;padding:0 42px;margin:auto}.top{background:#101010;color:#fff}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px}.brand img{height:78px;width:79px;object-fit:contain}.brandword{font:600 16px/1.05 Oswald,sans-serif;letter-spacing:.035em;max-width:110px}.links{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:700;letter-spacing:.03em}.links a:hover{color:var(--orange)}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;background:var(--orange);color:#111;font-weight:800;min-height:50px;padding:0 23px;border-radius:3px;transition:transform .2s,background .2s}.navcta:hover,.btn:hover{background:#ffac3e;transform:translateY(-2px)}.navcta{font-size:13px;min-height:42px}.hero{background:#151515;color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-150px;top:20px;width:620px;height:620px;border:1px solid #333;border-radius:50%;pointer-events:none}.hero .wrap{min-height:600px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative}.hero-copy{z-index:2;padding:55px 0 70px}.hero h1{font-size:clamp(54px,6vw,92px);max-width:660px;margin-bottom:25px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{color:#c9c8c5;max-width:470px;font-size:18px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.textlink{color:white;border-bottom:1px solid #888;padding-bottom:4px;font-weight:700;font-size:14px}.hero-art{height:590px;position:relative;perspective:900px}.halo{position:absolute;width:510px;height:510px;border-radius:50%;background:var(--orange);left:7%;top:42px;filter:drop-shadow(0 20px 42px #0006)}.card{position:absolute;width:235px;height:340px;border-radius:14px;background:#f9f8f3;box-shadow:0 22px 35px #0008;transform-origin:center;overflow:hidden;border:7px solid #f5f1e9}.card:after{content:"";position:absolute;inset:12px;border:2px solid currentColor;border-radius:8px;opacity:.55}.card.a{left:14%;top:90px;transform:rotate(-22deg);background:#272727;color:#ffa72f}.card.b{left:37%;top:109px;transform:rotate(1deg);color:#222;z-index:2}.card.c{left:60%;top:91px;transform:rotate(20deg);background:#ff8a00;color:#161616}.card .small{font:600 15px Oswald,sans-serif;position:absolute;left:28px;top:25px}.card .suit{position:absolute;inset:0;display:grid;place-items:center;font:190px/1 Georgia,serif}.card .foot{position:absolute;bottom:28px;right:27px;font:600 15px Oswald,sans-serif;transform:rotate(180deg)}.floatnote{position:absolute;right:1%;bottom:75px;z-index:4;background:white;color:#111;padding:16px 22px;box-shadow:0 13px 34px #0006;transform:rotate(5deg);font:600 20px Oswald,sans-serif;text-transform:uppercase}.floatnote span{color:var(--orange)}.strip{background:var(--orange);padding:16px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;font:600 14px Oswald,sans-serif;text-transform:uppercase;letter-spacing:.07em}.section{padding:96px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.sectionhead h2{font-size:clamp(42px,4.6vw,62px);margin:0}.sectionhead p{max-width:390px;margin:0;color:#595752}.offer{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer article{background:white;min-height:310px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.offer article:nth-child(2){background:#252525;color:white}.offer article:nth-child(3){background:#f4a23e}.offer .symbol{font:130px/1 Georgia,serif;align-self:end;opacity:.85}.offer h3{font-size:28px;margin-bottom:9px}.offer p{font-size:14px;line-height:1.45;max-width:260px;margin:0;color:inherit;opacity:.76}.offer a{font-size:13px;font-weight:800;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}.feature{background:#222;color:#fff;overflow:hidden}.feature .wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:490px}.feature h2{font-size:clamp(44px,5vw,70px);max-width:550px;margin-bottom:23px}.feature p{max-width:520px;color:#ccc}.feature ul{padding:0;list-style:none;display:grid;gap:12px}.feature li:before{content:'✓';color:var(--orange);font-weight:800;margin-right:11px}.feature-photo{height:385px;background:linear-gradient(90deg,#2220,#2222),url('images/mockup-1.jpg') center 53%/cover;border-radius:2px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--line);padding-top:32px}.steps b{font:600 54px Oswald,sans-serif;color:var(--orange)}.steps h3{font-size:26px;margin:10px 0}.steps p{color:#5a5855;font-size:14px}.close{background:var(--orange);padding:80px 0}.close .wrap{display:flex;align-items:end;justify-content:space-between;gap:40px}.close h2{font-size:clamp(42px,5vw,74px);max-width:750px;margin:0}.close .btn{background:#151515;color:white;white-space:nowrap}footer{background:#111;color:#c6c6c6;padding:38px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}footer img{width:55px;height:55px;object-fit:contain}footer a{color:#fff}::selection{background:var(--orange);color:#111}:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:850px){.wrap{padding:0 22px}.nav{height:78px}.brand img{height:62px;width:63px}.brandword{font-size:14px}.links{display:none}.navcta{padding:0 13px}.hero .wrap{display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero-copy{padding:62px 0 10px}.hero h1{font-size:clamp(52px,13vw,76px)}.hero-art{height:450px;transform:scale(.8);transform-origin:top center;width:125%;margin-left:-12.5%;margin-bottom:-85px}.halo{left:20%;top:10px;width:420px;height:420px}.card{width:195px;height:290px}.card.a{left:20%;top:75px}.card.b{left:41%;top:90px}.card.c{left:61%;top:75px}.card .suit{font-size:150px}.floatnote{right:5%;bottom:48px}.strip .wrap{flex-wrap:wrap;justify-content:center}.section{padding:70px 0}.sectionhead,.close .wrap{display:block}.sectionhead p{margin-top:15px}.offer{grid-template-columns:1fr}.offer article{min-height:260px}.feature .wrap{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:25px}.feature-photo{height:280px}.steps{grid-template-columns:1fr}.close .btn{margin-top:28px}footer .wrap{align-items:flex-start}}@media(max-width:480px){.navcta{font-size:12px}.brandword{display:none}.hero p{font-size:16px}.hero-art{transform:scale(.62);height:310px;width:161%;margin-left:-30%;margin-bottom:-75px}.halo{left:14%}.card.a{left:17%}.card.b{left:40%}.card.c{left:63%}.floatnote{right:7%;bottom:12px}.strip .wrap{font-size:12px}.close{padding:65px 0}footer .wrap{display:block}}

/* Accessibility and CMS wrappers: preserve the supplied geometry. */
.floatnote>span[data-cms-text]{color:inherit}.floatnote>span:not([data-cms-text]){color:var(--orange)}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:#fff;color:#111;padding:10px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #1470d0;outline-offset:4px}.feature-photo{width:100%;object-fit:cover;object-position:center 53%;display:block}img{max-width:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.home-about-modern{padding:105px 0;background:#f5f1e9;overflow:hidden}.home-about-modern>.wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:86px;align-items:center}.home-about-visual{position:relative;min-height:570px}.home-about-visual:before{content:"";position:absolute;width:88%;height:88%;left:-28px;bottom:-28px;background:#ff8a00}.home-about-visual>span{position:absolute;right:-34px;top:-90px;z-index:2;font:320px/.8 Georgia,serif;color:#171717;opacity:.1}.home-about-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);box-shadow:0 24px 45px #33200d29}.home-about-copy h2{font-size:clamp(48px,5vw,74px);margin-bottom:28px}.home-about-copy p{color:#4f4c47;max-width:67ch;font-size:15px;margin-bottom:16px}.home-about-copy .home-about-signoff{font-weight:700;color:#171717;margin:24px 0}.home-about-copy .btn{margin-top:8px}.home-about-copy .btn:hover{background:#171717;color:#fff}@media(max-width:850px){.home-about-modern{padding:72px 0}.home-about-modern>.wrap{grid-template-columns:1fr;gap:55px}.home-about-visual{min-height:500px;max-width:560px}.home-about-copy p{font-size:14px}}@media(max-width:480px){.home-about-modern{padding:60px 0}.home-about-visual{min-height:380px}.home-about-visual:before{left:-14px;bottom:-14px}.home-about-visual>span{font-size:230px;right:-20px}.home-about-copy h2{font-size:48px}}
.feature .wrap{padding-top:64px;padding-bottom:64px;min-height:0}
.home-about-modern{background:#fff;position:relative}.home-about-modern:after{content:'\2663';position:absolute;right:-60px;top:40px;font:520px/1 Georgia,serif;color:#171717;opacity:.035;pointer-events:none}.home-about-modern>.wrap{position:relative;z-index:1}
.offer article:nth-child(1),.offer article:nth-child(2){border:3px solid var(--orange)}
.hero-art{display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:3px;filter:drop-shadow(0 22px 35px #0007)}
@media(max-width:850px){.hero-art{height:420px;transform:none;width:100%;margin:0 0 28px}.hero-art img{object-position:62% center}}
@media(max-width:480px){.hero-art{height:300px;transform:none;width:100%;margin:0 0 20px}.hero-art img{object-position:64% center}}
/* Capa integrada: a fotografia ocupa todo o hero e o conteúdo fica sobre a área escura. */
.mockup-home .hero{background-color:#151515;background-image:linear-gradient(90deg,rgba(12,12,12,.92) 0%,rgba(12,12,12,.74) 38%,rgba(12,12,12,.18) 66%,rgba(12,12,12,.08) 100%),url('../assets/images/capasite.png');background-size:cover;background-position:center}
.mockup-home .hero .wrap{grid-template-columns:1fr;min-height:600px}.mockup-home .hero-copy{max-width:690px}.mockup-home .hero-art{display:none}.mockup-home .hero:after{opacity:.35}
@media(max-width:850px){.mockup-home .hero{background-image:linear-gradient(90deg,rgba(12,12,12,.94),rgba(12,12,12,.63)),url('../assets/images/capasite.png');background-position:58% center}.mockup-home .hero .wrap{min-height:570px}.mockup-home .hero-copy{padding:74px 0}}
@media(max-width:480px){.mockup-home .hero{background-position:61% center}.mockup-home .hero .wrap{min-height:535px}.mockup-home .hero-copy{padding:62px 0}}

/* Client revision — advantages, wider offer cards and uncropped mobile photography */
.strip .wrap>span{display:inline-flex;align-items:center;gap:9px}.strip svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.offer article{min-height:265px;border-radius:18px}.offer .symbol{font-size:104px}.feature-photo{border-radius:18px;box-shadow:0 18px 38px #0005}.home-about-visual img{filter:none;border-radius:18px}.home-about-copy strong{font-weight:750;color:#282522}.hero-actions .btn{max-width:390px;text-align:center;line-height:1.25;padding-block:12px}
@media(max-width:850px){.feature-photo{height:auto;aspect-ratio:4/3;object-fit:contain;background:#171717}.home-about-visual{min-height:0;aspect-ratio:3/4}.home-about-visual img{position:relative;inset:auto;height:auto;aspect-ratio:3/4;object-fit:contain;background:#fff}.strip .wrap{align-items:stretch}.strip .wrap>span{width:calc(50% - 10px);justify-content:flex-start}.offer article{min-height:230px}}
@media(max-width:480px){.strip .wrap>span{width:100%}.hero-actions .btn{width:100%}.feature-photo{width:100%;height:auto}.home-about-visual{aspect-ratio:3/4}.home-about-visual img{width:100%;height:auto}}

/* Home card and photo refinement */
.offer{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.offer article{min-height:235px;padding:25px 28px;border-radius:20px}.offer .symbol{font-size:82px}.feature-photo{padding:8px;background:#ff8a00;border:1px solid #ffae4f;border-radius:20px;object-fit:cover}.home-about-visual{padding:10px;background:#fff;border:1px solid #e2d9cc;border-radius:22px;box-shadow:0 22px 50px #22150825}.home-about-visual img{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:14px}.home-about-visual:after{content:'';position:absolute;inset:22px;border:1px solid #ff8a00;border-radius:10px;z-index:1;pointer-events:none}.strip .wrap>span{justify-content:center;text-align:left}.strip svg{flex:0 0 23px}
@media(max-width:850px){.offer{grid-template-columns:1fr}.offer article{min-height:215px}.home-about-visual{padding:8px}.home-about-visual img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover}.home-about-visual:after{inset:18px}}


/* Mobile hero: preserve the full panoramic composition instead of cropping it as a portrait. */
@media(max-width:850px){.mockup-home .hero{background-color:#111;background-image:linear-gradient(180deg,rgba(12,12,12,.98) 0%,rgba(12,12,12,.88) 48%,rgba(12,12,12,.30) 72%,rgba(12,12,12,.08) 100%),url('../assets/images/capasite.png');background-size:100% 100%,100% auto;background-position:center,center bottom;background-repeat:no-repeat}.mockup-home .hero .wrap{min-height:690px;align-items:flex-start}.mockup-home .hero-copy{padding:58px 0 230px;max-width:620px}.mockup-home .hero h1{font-size:clamp(48px,11vw,68px);max-width:9ch}.mockup-home .hero p{max-width:36ch}}
@media(max-width:480px){.mockup-home .hero{background-size:100% 100%,125% auto;background-position:center,center bottom}.mockup-home .hero .wrap{min-height:675px}.mockup-home .hero-copy{padding:48px 0 220px}.mockup-home .hero h1{font-size:clamp(46px,13vw,60px);margin-bottom:20px}.mockup-home .hero p{font-size:15px;margin-bottom:24px}.mockup-home .hero-actions{gap:16px}.mockup-home .textlink{margin-inline:auto}}

/* Phone-only hero polish: centered products and subtle readable text surface. */
@media(max-width:480px){.mockup-home .hero{background-position:center,66% bottom}.mockup-home .hero-copy{position:relative;isolation:isolate;margin:18px -12px 0;padding:32px 12px 230px}.mockup-home .hero-copy:before{content:'';position:absolute;z-index:-1;inset:0 -8px 170px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:linear-gradient(145deg,rgba(24,24,24,.82),rgba(10,10,10,.58));box-shadow:0 20px 48px rgba(0,0,0,.22);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.mockup-home .hero h1,.mockup-home .hero p,.mockup-home .hero-actions{position:relative;z-index:1}}

/* A little more product detail on phones, while retaining the centered composition. */
@media(max-width:480px){.mockup-home .hero{background-size:100% 100%,138% auto;background-position:center,64% bottom}}

/* Phone-only: keep the hero content directly over the photograph. */
@media(max-width:480px){.mockup-home .hero-copy:before{display:none}}

/* Home download CTA centered in the orange strip. */
.mockup-home .strip{padding:18px 0}.mockup-home .strip .wrap{display:flex;justify-content:center;align-items:center}.strip-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:12px 30px;border:2px solid #111;border-radius:8px;background:#111;color:#fff;font-family:'DM Sans',sans-serif;font-size:16px;font-weight:800;line-height:1.25;text-align:center;letter-spacing:0;text-transform:none;box-shadow:0 10px 24px rgba(0,0,0,.2);transition:transform .2s,background .2s,color .2s}.strip-download-btn:hover{background:#fff;color:#111;transform:translateY(-2px)}.strip-download-btn>span:last-child{font-size:20px;line-height:1}@media(max-width:480px){.mockup-home .strip{padding:16px 0}.strip-download-btn{width:100%;min-height:58px;padding:12px 18px;font-size:15px}}

/* Mobile hero spacing: bring the card photography closer to the copy. */
@media(max-width:480px){.mockup-home .hero .wrap{min-height:610px}.mockup-home .hero-copy{padding:32px 12px 155px}}