@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&family=Bodoni+Moda:opsz,ital,wght@6..96,400;6..96,500;6..96,600;6..96,700&family=Manrope:wght@300;400;500;600&display=swap');

:root{--wine:#4b1428;--deep:#2d0a18;--gold:#c8a45e;--cream:#f5f0e8;--paper:#fbf9f5;--ink:#201b1c;--muted:#716a68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded7cf;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:600;letter-spacing:.22em}.brand small{display:block;font-family:'Italiana',serif;font-size:10px;letter-spacing:.08em;color:var(--gold);font-weight:400;margin-top:3px}.gem{width:31px;height:31px;border:1px solid var(--gold);display:block;transform:rotate(45deg);position:relative}.gem:after{content:'';position:absolute;inset:6px;border:1px solid var(--gold)}nav{display:flex;gap:35px;font-size:12px;letter-spacing:.08em}nav a:hover{color:var(--wine)}.navCta{background:var(--wine);color:#fff;padding:13px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero{min-height:710px;display:grid;grid-template-columns:56% 44%;align-items:center;overflow:hidden}.eyebrow,.label{text-transform:uppercase;letter-spacing:.25em;font-size:10px;font-weight:600;color:var(--wine);display:flex;align-items:center;gap:12px}.eyebrow:before,.label:before{content:'';width:28px;height:1px;background:var(--gold)}h1,h2{font-family:'Italiana',serif;font-weight:400;margin:22px 0;line-height:1.04}h1{font-size:clamp(62px,7vw,104px);letter-spacing:-.045em;max-width:780px}h1 em,h2 em{color:var(--wine);font-weight:400}.lead{font-size:17px;line-height:1.7;max-width:560px;color:var(--muted)}.actions{display:flex;gap:34px;align-items:center;margin-top:40px}.button{display:inline-block;padding:17px 22px;text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:500}.primary{background:var(--wine);color:#fff}.textLink{text-transform:uppercase;font-size:11px;letter-spacing:.12em;border-bottom:1px solid var(--gold);padding:12px 0}.heroArt{height:590px;position:relative;border-left:1px solid #e4ddd4}.orbit{position:absolute;border:1px solid rgba(200,164,94,.45);border-radius:50%}.orbit.one{width:520px;height:520px;left:25px;top:30px}.orbit.two{width:370px;height:370px;left:100px;top:105px}.facet{position:absolute;background:rgba(75,20,40,.07);border:1px solid rgba(75,20,40,.18);transform:rotate(45deg)}.f1{width:230px;height:230px;left:169px;top:175px}.f2{width:140px;height:140px;left:214px;top:220px}.f3{width:80px;height:80px;left:244px;top:250px;background:var(--wine)}.heroArt strong{position:absolute;font-family:'Italiana';font-size:112px;font-weight:400;color:rgba(75,20,40,.07);transform:rotate(-90deg);right:-55px;top:225px}.heroArt p{position:absolute;bottom:35px;left:48px;color:var(--wine);text-transform:uppercase;letter-spacing:.22em;font-size:9px;line-height:2}.marquee{background:var(--wine);color:#fff;padding:15px 0;overflow:hidden;white-space:nowrap;font-size:10px;letter-spacing:.25em}.marquee span{display:block;width:max-content;animation:scroll 22s linear infinite}@keyframes scroll{to{transform:translateX(-35%)}}.manifesto{padding:150px 0 160px}.manifesto h2{font-size:clamp(58px,8vw,110px);text-align:center}.note{display:flex;align-items:flex-start;gap:24px;margin:65px 0 0 auto;max-width:490px;color:var(--muted);line-height:1.7}.note i{width:80px;height:1px;background:var(--gold);margin-top:12px;flex:none}.about{display:grid;grid-template-columns:44% 56%;gap:90px;align-items:center;padding-bottom:150px}.portrait{height:680px;position:relative;background:var(--cream);overflow:hidden}.portrait:after{content:'';position:absolute;inset:20px;border:1px solid rgba(200,164,94,.55)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:52% 30%;filter:saturate(.82) contrast(.95)}.portrait span{position:absolute;z-index:2;bottom:0;right:0;background:var(--wine);color:white;padding:14px 20px;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.about h2,.sectionHead h2,.difference h2,.faq h2{font-size:clamp(48px,5vw,72px)}.about>div>p:not(.label){max-width:570px;color:var(--muted);line-height:1.8}.about blockquote{font-family:'Italiana';font-size:25px;line-height:1.45;color:var(--wine);border-left:1px solid var(--gold);margin:40px 0 0;padding-left:25px}.dark{background:var(--deep);color:#fff}.wine{background:var(--wine);color:#fff}.services{padding:135px 0}.label.light{color:var(--gold)}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.sectionHead>p{max-width:380px;line-height:1.7;color:#9f9697}.dark h2 em,.wine h2 em{color:var(--gold)}.serviceList{border-top:1px solid #684353}.serviceList article{display:grid;grid-template-columns:70px 1fr 1.1fr 30px;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid #684353}.serviceList article>span{color:var(--gold);font-size:11px}.serviceList h3{font-family:'Italiana';font-size:28px;font-weight:400;margin:0}.serviceList p{color:#b9afb1;font-size:13px;line-height:1.6}.serviceList b{color:var(--gold);font-weight:400}.portfolio{padding:150px 0}.portfolio .sectionHead>p{color:var(--muted)}.projectGrid{display:grid;grid-template-columns:1fr 1fr;gap:80px 28px}.project:nth-child(even){margin-top:90px}.visual{height:410px;position:relative;overflow:hidden;padding:45px;background:#d2ab92}.gran .visual{background:#22201f}.alianca .visual{background:#c7d1c4}.cavenseg .visual{background:#a5b4bd}.browser{height:100%;background:#f8f5ee;border-radius:5px;padding:25px;box-shadow:0 20px 55px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative}.browser>i{width:7px;height:7px;border-radius:50%;background:#c7b8a4;position:absolute;top:14px;left:16px;box-shadow:12px 0 #c7b8a4,24px 0 #c7b8a4}.browser b{font-family:'Italiana';font-size:49px;color:var(--wine)}.gran .browser{background:#191919}.gran .browser b{color:#e1bf74}.alianca .browser b{color:#52614c}.cavenseg .browser b{color:#233f54}.browser small{text-transform:uppercase;letter-spacing:.24em;margin-top:10px}.visual>span{font-family:'Italiana';font-size:70px;position:absolute;right:16px;bottom:-17px;color:rgba(255,255,255,.65)}.projectInfo{padding:22px 8px}.projectInfo p{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold)}.projectInfo h3{font-family:'Italiana';font-size:36px;margin:12px 0}.projectInfo>span{display:block;color:var(--muted);line-height:1.65;max-width:480px}.projectInfo b{display:block;margin-top:19px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--wine)}.difference{padding:135px 0}.differenceGrid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.differenceList p{display:grid;grid-template-columns:35px 1fr;gap:3px 8px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #714557}.differenceList span{color:var(--gold);grid-row:1/3}.differenceList b{font-family:'Italiana';font-size:24px;font-weight:400}.differenceList small{color:#c9babc;line-height:1.6}.faq{padding:145px 0;display:grid;grid-template-columns:40% 60%;gap:80px}.faq>div>p:last-child{color:var(--muted);max-width:300px;line-height:1.7}.faqList{border-top:1px solid #d5cec5}.faq details{border-bottom:1px solid #d5cec5;padding:24px 4px}.faq summary{cursor:pointer;list-style:none;font-family:'Italiana';font-size:23px;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--gold)}.faq details p{color:var(--muted);line-height:1.7;max-width:600px}.contact{text-align:center;padding:135px 0;position:relative;overflow:hidden}.contact .label{justify-content:center}.contact h2{font-size:clamp(54px,7vw,90px)}.contact>div>p:not(.label){color:#baaeb1;max-width:610px;margin:0 auto 35px;line-height:1.8}.gold{background:var(--gold);color:var(--deep)}.contact small{display:block;margin-top:18px;color:#88777c;font-size:9px}.watermark{position:absolute!important;font-size:600px;line-height:1;color:rgba(255,255,255,.025);left:50%;top:50%;transform:translate(-50%,-50%)}.footer{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:50px;padding:70px 0 30px;align-items:start;font-size:11px;line-height:1.8;color:var(--muted)}.footer>div{display:flex;flex-direction:column}.footer>span{grid-column:1/-1;border-top:1px solid #ddd5cd;padding-top:20px;margin-top:30px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:850px){.shell{width:min(calc(100% - 32px),680px)}.nav{height:78px}.nav nav{display:none}.navCta{font-size:0;padding:11px}.navCta span{font-size:15px}.hero{grid-template-columns:1fr;min-height:auto;padding:90px 0 50px}.heroArt{height:360px;border:0;margin-top:50px}.orbit.one{width:340px;height:340px;left:calc(50% - 170px);top:10px}.orbit.two{width:250px;height:250px;left:calc(50% - 125px);top:55px}.f1{width:160px;height:160px;left:calc(50% - 80px);top:100px}.f2{width:100px;height:100px;left:calc(50% - 50px);top:130px}.f3{width:55px;height:55px;left:calc(50% - 28px);top:153px}.heroArt strong{font-size:70px;right:-20px;top:145px}.manifesto{padding:100px 0}.manifesto h2{text-align:left}.about{grid-template-columns:1fr;gap:55px;padding-bottom:100px}.portrait{height:580px}.sectionHead{display:block}.serviceList article{grid-template-columns:40px 1fr 20px}.serviceList article p{grid-column:2/4}.projectGrid{grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.visual{height:330px;padding:30px}.differenceGrid,.faq{grid-template-columns:1fr;gap:45px}.footer{grid-template-columns:1fr 1fr}.footer>span{grid-column:1/-1}}@media(max-width:520px){h1{font-size:54px}.actions{align-items:flex-start;flex-direction:column;gap:10px}.manifesto h2{font-size:50px}.portrait{height:480px}.visual{height:250px;padding:24px}.browser b{font-size:33px}.difference,.services,.portfolio,.faq,.contact{padding-top:90px;padding-bottom:90px}.footer{grid-template-columns:1fr}.footer>span{grid-column:1}.footer>p:last-of-type{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}}

:root{
  --paper:#160f12;
  --ink:#f4eee6;
  --muted:#b9adb0;
  --cream:#24181d;
}

body{
  background:
    radial-gradient(circle at 84% 8%,rgba(115,35,65,.22),transparent 28%),
    radial-gradient(circle at 8% 38%,rgba(200,164,94,.055),transparent 25%),
    var(--paper);
  color:var(--ink);
}

.nav{border-color:rgba(244,238,230,.13)}
nav a{color:#d8ccce}
nav a:hover{color:var(--gold)}
.navCta{background:var(--gold);color:var(--deep)}
.eyebrow,.label{color:var(--gold)}
h1 em,h2 em{color:var(--gold)}
.lead,.note,.about>div>p:not(.label),.projectInfo>span,.faq>div>p:last-child,.faq details p{color:var(--muted)}
.primary{background:var(--gold);color:var(--deep)}
.textLink{color:#f0e6df}
.heroArt{border-color:rgba(244,238,230,.12)}
.orbit{border-color:rgba(200,164,94,.38)}
.facet{background:rgba(200,164,94,.045);border-color:rgba(200,164,94,.25)}
.f3{background:var(--wine);box-shadow:0 0 80px rgba(119,37,67,.55)}
.heroArt strong{color:rgba(244,238,230,.045)}
.heroArt p{color:var(--gold)}
.marquee{background:var(--gold);color:var(--deep)}
.manifesto{border-bottom:1px solid rgba(244,238,230,.1)}
.about{padding-top:145px}
.portrait{background:#2a1b21;box-shadow:0 35px 90px rgba(0,0,0,.35)}
.portrait img{filter:saturate(.72) contrast(.95) brightness(.88)}
.about blockquote{color:#ead9d1}
.dark{background:#100a0d}
.wine{background:#3b1122}
.portfolio{border-bottom:1px solid rgba(244,238,230,.08)}
.portfolio .sectionHead>p{color:var(--muted)}
.project{transition:transform .45s ease}
.project:hover{transform:translateY(-8px)}
.visual{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.projectInfo h3{color:#f7f0e7}
.projectInfo b{color:var(--gold)}
.faqList{border-color:rgba(244,238,230,.16)}
.faq details{border-color:rgba(244,238,230,.16)}
.faq summary{color:#f2e9e3}
.contact{background:#0c0709}
.footer{color:#a99ca0}
.footer>span{border-color:rgba(244,238,230,.12)}

@media(max-width:850px){.about{padding-top:100px}}

.browser b{
  opacity:0;
  pointer-events:none;
}

.browser:after{
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:64%;
  height:38%;
  transform:translate(-50%,-50%);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  transition:transform .45s ease;
}

.project:hover .browser:after{
  transform:translate(-50%,-50%) scale(1.04);
}

.babbo .browser:after{background-image:url('../images/babbo-logo.webp')}
.gran .browser:after{background-image:url('../images/gran-storel-logo.webp')}
.alianca .browser:after{background-image:url('../images/familia-alianca-logo.webp')}
.cavenseg .browser:after{background-image:url('../images/cavenseg-logo.webp')}

.browser small{
  position:absolute;
  left:0;
  right:0;
  bottom:25px;
  z-index:2;
}

@media(max-width:520px){
  .browser:after{width:72%;height:42%}
  .browser small{bottom:18px;font-size:8px}
}

.brand{
  gap:12px;
}

.brand .gem{
  width:40px;
  height:34px;
  border:0;
  transform:none;
  background:url('../images/simbolo-transp.webp') center/contain no-repeat;
}

.brand .gem:after{
  display:none;
}

.brand>.gem+span{
  display:block;
  width:142px;
  height:36px;
  overflow:hidden;
  color:transparent;
  font-size:0;
  background:url('../images/logo-lapidar.webp') left center/contain no-repeat;
}

.brand>.gem+span small{
  display:none;
}

.heroArt .f3{
  width:132px;
  height:98px;
  left:calc(50% - 66px);
  top:calc(50% - 49px);
  border:0;
  transform:none;
  background:transparent url('../images/simbolo-transp.webp') center/contain no-repeat;
  box-shadow:none;
}

@media(max-width:520px){
  .brand .gem{width:32px;height:29px}
  .brand>.gem+span{width:110px;height:30px}
  .heroArt .f3{width:106px;height:75px;left:calc(50% - 53px);top:calc(50% - 38px)}
}

body{
  font-family:'Manrope',sans-serif;
  letter-spacing:-.01em;
}

h1,h2,.about blockquote,.serviceList h3,.projectInfo h3,.differenceList b,.faq summary,.browser b{
  font-family:'Bodoni Moda',serif;
  font-optical-sizing:auto;
}

h1{
  font-size:clamp(68px,7.7vw,116px);
  line-height:.91;
  letter-spacing:-.065em;
  font-weight:500;
}

h2{
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:500;
}

h1 em,h2 em{
  font-style:italic;
  font-weight:400;
  letter-spacing:-.055em;
}

.manifesto h2{
  font-size:clamp(64px,8.6vw,124px);
  line-height:.9;
}

.about h2,.sectionHead h2,.difference h2,.faq h2{
  font-size:clamp(52px,5.4vw,80px);
}

.about blockquote{
  font-size:29px;
  font-style:italic;
  letter-spacing:-.025em;
}

.serviceList h3{
  font-size:31px;
  letter-spacing:-.025em;
}

.projectInfo h3{
  font-size:42px;
  font-weight:500;
  letter-spacing:-.04em;
}

.differenceList b{
  font-size:27px;
  letter-spacing:-.025em;
}

.faq summary{
  font-size:27px;
  letter-spacing:-.025em;
}

.eyebrow,.label,.navCta,.button,.textLink,.projectInfo p,.projectInfo b,.browser small{
  font-family:'Manrope',sans-serif;
  letter-spacing:.18em;
}

.eyebrow,.label{
  font-size:9px;
  font-weight:600;
}

@media(max-width:520px){
  h1{font-size:58px;line-height:.94}
  .manifesto h2{font-size:54px}
  .about h2,.sectionHead h2,.difference h2,.faq h2{font-size:47px}
}

.solutions{padding:145px 0;background:#211117;color:#f5eee8;border-top:1px solid rgba(200,164,94,.17);border-bottom:1px solid rgba(200,164,94,.17)}
.solutionsHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.solutionsHead h2{font-size:clamp(52px,5.4vw,80px)}.solutionsHead>p{max-width:380px;color:#b9adb0;line-height:1.7}.planGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan{position:relative;padding:38px 30px 30px;border:1px solid rgba(244,238,230,.16);background:#180e12;display:flex;flex-direction:column;min-height:610px;transition:transform .35s,border-color .35s}.plan:hover{transform:translateY(-7px);border-color:var(--gold)}.plan.featured{background:var(--wine);border-color:var(--gold)}.popular{position:absolute;top:0;right:0;background:var(--gold);color:var(--deep);padding:8px 12px;text-transform:uppercase;letter-spacing:.15em;font-size:8px;font-weight:600}.planNote{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:9px}.plan h3,.commercial h3{font-family:'Bodoni Moda',serif;font-optical-sizing:auto;font-size:43px;line-height:1;margin:17px 0 11px;font-weight:500;letter-spacing:-.04em}.planSubtitle{color:#b9adb0;min-height:48px;line-height:1.6}.price{display:flex;align-items:flex-start;margin:25px 0}.price small{font-size:12px;color:var(--gold);margin:13px 7px 0 0}.price strong{font-family:'Bodoni Moda',serif;font-size:72px;line-height:1;font-weight:500;letter-spacing:-.06em}.plan ul{padding:20px 0;margin:0;border-top:1px solid rgba(244,238,230,.14);list-style:none}.plan li{display:flex;gap:10px;margin:12px 0;font-size:12px;line-height:1.5;color:#d2c6c8}.plan li span{color:var(--gold)}.delivery{font-size:10px;color:var(--gold);margin-top:auto}.plan>a{margin-top:16px;padding:15px 16px;background:var(--gold);color:var(--deep);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:600}.commercial{display:grid;grid-template-columns:1fr 1.2fr;margin-top:90px;border-top:1px solid rgba(244,238,230,.16);border-bottom:1px solid rgba(244,238,230,.16)}.addons,.payment{padding:55px 50px}.addons{border-right:1px solid rgba(244,238,230,.16)}.commercial h3{font-size:48px;margin-bottom:35px}.commercial h3 em{color:var(--gold);font-weight:400}.addonList p{display:flex;justify-content:space-between;gap:20px;padding:15px 0;margin:0;border-bottom:1px solid rgba(244,238,230,.1);color:#c9bdc0;font-size:12px}.addonList b{color:var(--gold);font-weight:500;white-space:nowrap}.paymentOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.paymentOptions>div{padding:18px;border:1px solid rgba(244,238,230,.14)}.paymentOptions strong{font-family:'Bodoni Moda',serif;font-size:25px;color:var(--gold);font-weight:500}.paymentOptions p{font-size:11px;color:#b9adb0;line-height:1.6}.hosting{display:flex;gap:18px;padding-top:25px;margin-top:25px;border-top:1px solid rgba(244,238,230,.12)}.hosting b{color:var(--gold);white-space:nowrap;font-size:11px}.hosting span{color:#b9adb0;line-height:1.6;font-size:11px}.priceDisclaimer{text-align:center;color:#8f8085;font-size:9px;margin:25px 0 0}
@media(max-width:900px){.solutionsHead{display:block}.solutionsHead>p{margin-top:25px}.planGrid{grid-template-columns:1fr}.plan{min-height:0}.commercial{grid-template-columns:1fr}.addons{border-right:0;border-bottom:1px solid rgba(244,238,230,.16)}}
@media(max-width:600px){.solutions{padding:90px 0}.plan{padding:32px 24px}.commercial{margin-top:60px}.addons,.payment{padding:40px 22px}.paymentOptions{grid-template-columns:1fr}.hosting{flex-direction:column}.commercial h3{font-size:42px}}

.mobileMenu{display:none;position:relative}
.mobileMenu summary{list-style:none;cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:9px;color:var(--gold);padding:11px 0}
.mobileMenu summary::-webkit-details-marker{display:none}
.mobileMenu>div{position:absolute;right:0;top:48px;width:220px;padding:18px;background:#211117;border:1px solid rgba(200,164,94,.3);box-shadow:0 20px 50px rgba(0,0,0,.38);display:flex;flex-direction:column;z-index:20}
.mobileMenu a{padding:12px 8px;border-bottom:1px solid rgba(244,238,230,.09);font-family:'Manrope',sans-serif;font-size:11px;color:#eee4df}
.mobileMenu a:last-child{border-bottom:0;color:var(--gold)}

@media(max-width:850px){.mobileMenu{display:block;margin-left:auto;margin-right:18px}}

.contactActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.contactActions .outline{border:1px solid rgba(200,164,94,.6);color:var(--gold)}
.privacyPage{min-height:100vh;background:#160f12;color:#f4eee6}.privacyNav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(244,238,230,.12)}.privacyNav>a:last-child{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}.privacy{padding:110px 0 130px;max-width:1000px}.privacy h1{font-size:clamp(70px,10vw,138px);margin:28px 0 35px}.privacyLead{max-width:690px;font-size:18px;line-height:1.8;color:#c0b4b7}.updated{margin:35px 0 85px;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.privacy section{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:42px 0;border-top:1px solid rgba(244,238,230,.12)}.privacy section>span{color:var(--gold);font-size:10px;letter-spacing:.15em}.privacy section h2{font-family:'Bodoni Moda',serif;font-size:38px;letter-spacing:-.035em;margin:0 0 20px}.privacy section p,.privacy section li{color:#b9adb0;line-height:1.8;font-size:14px}.privacy section a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.privacy section ul{padding-left:20px}.privacyFooter{padding:30px 0 55px;border-top:1px solid rgba(244,238,230,.12);display:flex;justify-content:space-between;color:#9d9094;font-size:11px}.privacyFooter a{color:var(--gold)}
@media(max-width:600px){.privacyNav{height:78px}.privacy{padding:75px 0 90px}.privacy h1{font-size:64px}.privacy section{grid-template-columns:1fr;gap:8px}.privacy section h2{font-size:32px}.privacyFooter{flex-direction:column;gap:10px}}

/* Refinamentos solicitados */
.hero{grid-template-columns:minmax(0,900px);justify-content:start;min-height:660px;padding-top:70px;padding-bottom:90px}
.hero>div:first-child{max-width:900px}
.hero h1{max-width:900px}
.paymentOptions{grid-template-columns:repeat(2,1fr)}
.addonList span small{display:block;margin-top:7px;color:#9f9195;font-size:10px;line-height:1.5;max-width:330px}
.addonList b{text-align:right}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px;padding-bottom:90px}}
@media(max-width:600px){.paymentOptions{grid-template-columns:1fr}.addonList p{align-items:flex-start}}
/* Capas reais do portfólio */
.browser{padding:0;overflow:hidden;background:#120b0e}
.browser:after,.browser>i,.browser>small,.browser>b{display:none}
.browser>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .55s ease}
.project:hover .browser>img{transform:scale(1.035)}
/* Portfólio editorial: prévia + logo */
.visual{height:auto;aspect-ratio:1.94/1;padding:0;background:#160f12}
.browser{position:relative;width:100%;height:100%;border-radius:0;box-shadow:none;isolation:isolate}
.browser>.sitePreview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:brightness(.38) saturate(.62);transform:scale(1.01);transition:filter .55s ease,transform .7s ease}
.browser::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(45,10,24,.2),rgba(10,7,8,.34));transition:opacity .45s ease}
.browser::after{content:"";display:block;position:absolute;z-index:2;left:50%;top:50%;width:54%;height:42%;transform:translate(-50%,-50%);border:1px solid rgba(200,164,94,.4);background:rgba(17,10,13,.78);backdrop-filter:blur(7px);opacity:1;transition:opacity .38s ease,transform .45s ease}
.alianca .browser::after,.cavenseg .browser::after{background:rgba(250,246,239,.88);border-color:rgba(200,164,94,.55)}
.browser>.projectLogo{display:block;position:absolute;z-index:3;left:50%;top:50%;width:39%;height:25%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 16px rgba(0,0,0,.2));opacity:1;transition:opacity .32s ease,transform .45s ease}
.project:hover .browser>.sitePreview,.project:focus-visible .browser>.sitePreview{filter:brightness(1) saturate(1);transform:scale(1.035)}
.project:hover .browser::before,.project:hover .browser::after,.project:focus-visible .browser::before,.project:focus-visible .browser::after{opacity:0}
.project:hover .browser>.projectLogo,.project:focus-visible .browser>.projectLogo{opacity:0;transform:translate(-50%,-50%) scale(.92)}
@media(max-width:600px){.visual{aspect-ratio:1.65/1}.browser::after{width:62%;height:46%}.browser>.projectLogo{width:46%;height:28%}}
@media(hover:none){.project:active .browser>.sitePreview{filter:brightness(1) saturate(1)}.project:active .browser::before,.project:active .browser::after,.project:active .browser>.projectLogo{opacity:0}}
/* Logo ampla, sem placa */
.browser::before,.browser::after{display:none!important}
.browser>.projectLogo{width:70%;height:45%;filter:drop-shadow(0 4px 22px rgba(0,0,0,.52))}
.charles .browser>.projectLogo{width:78%;height:52%}
@media(max-width:600px){.browser>.projectLogo{width:72%;height:48%}}
@media(max-width:600px){.charles .browser>.projectLogo{width:80%;height:54%}}
/* Hero editorial com imagem Lapidar */
.nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 48px));color:#f6eee7;border-color:rgba(255,255,255,.14);z-index:20}
.nav nav a{color:#e3d9d9}.nav nav a:hover{color:var(--gold)}
.hero{position:relative;width:100%;max-width:none;min-height:900px;margin:0;padding:205px max(24px,calc((100vw - 1180px)/2)) 130px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(16,7,12,.96) 0%,rgba(22,9,16,.82) 38%,rgba(18,7,12,.22) 70%,rgba(18,7,12,.14) 100%),url('../images/herolapidar.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,4,7,.35) 0%,transparent 25%,transparent 72%,rgba(10,5,8,.82) 100%)}
.hero>div:first-child{position:relative;z-index:2;width:min(700px,100%);max-width:700px;margin:0}
.hero h1{max-width:700px;font-size:clamp(72px,6.6vw,108px);line-height:.9;text-shadow:0 3px 34px rgba(0,0,0,.28)}
.hero .lead{max-width:560px;color:#d0c3c5}
.hero .primary{box-shadow:0 14px 44px rgba(0,0,0,.25)}
@media(max-width:850px){.nav{width:calc(100% - 32px)}.hero{min-height:820px;padding:155px 16px 100px;background-position:62% center;background-image:linear-gradient(90deg,rgba(16,7,12,.97) 0%,rgba(19,8,14,.9) 52%,rgba(18,7,12,.42) 100%),url('../images/herolapidar.webp')}.hero>div:first-child{width:min(100%,620px)}.hero h1{font-size:clamp(58px,12vw,82px);max-width:620px}}
@media(max-width:520px){.hero{min-height:760px;background-position:64% center}.hero h1{font-size:56px}.hero .lead{font-size:15px}}

/* ===== LAPIDAR — sistema editorial v3 ===== */
:root{
  --night:#0d080a;
  --night-soft:#160d11;
  --burgundy:#2b101a;
  --gold:#d1a64d;
  --gold-soft:#ae8540;
  --ivory:#f2ece5;
  --copy:#c8bdbe;
  --line:rgba(209,166,77,.34);
}

body{
  background:var(--night);
  color:var(--ivory);
  background-image:
    radial-gradient(circle at 12% 35%,rgba(94,30,52,.18),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(174,113,35,.07),transparent 24%);
}

main{overflow:hidden}
.manifesto,.about,.services,.solutions,.portfolio,.difference,.faq,.contact{position:relative}
.manifesto,.about,.services,.solutions,.portfolio,.difference,.faq{padding-top:150px;padding-bottom:150px}
.label,.eyebrow{color:var(--gold);letter-spacing:.22em}
.label:before,.eyebrow:before{background:var(--gold);width:36px}
.sectionHead,.solutionsHead{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  gap:80px;
  align-items:end;
  margin-bottom:78px;
}
.sectionHead h2,.solutionsHead h2{font-size:clamp(62px,6vw,94px);max-width:780px;margin-bottom:0}
.sectionHead>p,.solutionsHead>p{
  max-width:460px;
  margin:0 0 12px;
  padding:12px 0 12px 38px;
  border-left:1px solid var(--gold);
  color:var(--copy)!important;
  font-size:15px;
  line-height:1.8;
}

/* Essência */
.manifesto{
  width:100%;max-width:none;
  padding-left:max(24px,calc((100vw - 1180px)/2));
  padding-right:max(24px,calc((100vw - 1180px)/2));
  border-bottom:1px solid rgba(209,166,77,.14);
  background:
    radial-gradient(circle at 78% 44%,rgba(209,166,77,.12),transparent 2%,transparent 22%),
    radial-gradient(circle at 50% 35%,rgba(82,24,43,.3),transparent 48%),
    #10090c;
}
.manifesto:before{
  content:"";position:absolute;width:820px;height:420px;right:-170px;bottom:-275px;
  border:1px solid rgba(209,166,77,.18);border-radius:50%;transform:rotate(-12deg);pointer-events:none;
}
.manifesto h2{max-width:1050px;text-align:left;font-size:clamp(70px,8.5vw,132px);line-height:.88}
.manifesto .note{margin:70px 0 0 auto;padding-left:34px;border-left:1px solid var(--gold);max-width:500px}
.manifesto .note i{display:none}

/* Sobre */
.about{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:110px}
.about:after{
  content:"";position:absolute;right:-22%;top:13%;width:540px;height:540px;border-radius:50%;
  background:radial-gradient(circle,rgba(209,166,77,.08),transparent 68%);pointer-events:none;
}
.portrait{height:720px;border:1px solid var(--line);border-radius:180px 180px 18px 18px;background:#160e11}
.portrait:after{inset:14px;border-radius:166px 166px 12px 12px;border-color:rgba(209,166,77,.32)}
.portrait img{filter:saturate(.72) contrast(1.02) brightness(.78)}
.portrait span{right:18px;bottom:18px;background:rgba(13,8,10,.86);border:1px solid var(--line);color:var(--gold)}
.about h2{font-size:clamp(60px,6vw,92px)}
.about>div>p:not(.label){font-size:15px;line-height:1.9;color:var(--copy)}
.about blockquote{margin-top:46px;padding:24px 0 24px 32px;color:var(--gold);font-size:32px;border-color:var(--gold)}

/* Serviços */
.dark.services{
  background:
    radial-gradient(circle at 88% 12%,rgba(146,77,34,.13),transparent 27%),
    linear-gradient(145deg,#0c0709,#180d12 58%,#11090c);
  border-top:1px solid rgba(209,166,77,.13);border-bottom:1px solid rgba(209,166,77,.13)
}
.services:before{content:"";position:absolute;inset:0;opacity:.28;pointer-events:none;background:linear-gradient(115deg,transparent 72%,rgba(209,166,77,.15) 72.1%,transparent 72.25%)}
.serviceList{border-color:var(--line)}
.serviceList article{grid-template-columns:74px 1fr 1.1fr 40px;padding:34px 10px;border-color:rgba(209,166,77,.2);transition:padding .35s ease,background .35s ease}
.serviceList article:hover{padding-left:24px;padding-right:24px;background:linear-gradient(90deg,rgba(209,166,77,.075),transparent)}
.serviceList article>span{font-size:12px;color:var(--gold)}
.serviceList h3{font-size:34px;color:var(--ivory)}
.serviceList p{font-size:13px;color:#bcb0b2}

/* Soluções */
.solutions{
  background:
    radial-gradient(circle at 18% 72%,rgba(107,35,58,.25),transparent 32%),
    linear-gradient(180deg,#140b0f,#0e080a);
}
.planGrid{gap:24px}
.plan{min-height:620px;padding:42px 34px 34px;border-color:var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(35,20,26,.96),rgba(15,9,11,.98));overflow:hidden}
.plan:before{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(209,166,77,.12);border-radius:50%;right:-120px;top:-105px}
.plan.featured{background:linear-gradient(150deg,#3a1423,#1b0c12);box-shadow:0 35px 90px rgba(0,0,0,.35),0 0 60px rgba(209,166,77,.06)}
.plan:hover{transform:translateY(-9px);box-shadow:0 28px 70px rgba(0,0,0,.32)}
.popular{top:18px;right:18px;border-radius:99px;padding:8px 13px}
.plan h3{font-size:48px}.price strong{font-size:78px}.plan ul{border-color:rgba(209,166,77,.16)}
.plan>a{border-radius:2px;transition:filter .25s ease}.plan>a:hover{filter:brightness(1.13)}
.commercial{gap:24px;border:0;margin-top:70px}
.addons,.payment{border:1px solid var(--line)!important;border-radius:20px;background:rgba(25,14,18,.72);padding:50px}
.addonList p,.hosting{border-color:rgba(209,166,77,.17)}
.paymentOptions>div{border-color:var(--line);border-radius:12px;background:rgba(209,166,77,.035)}

/* Portfólio */
.portfolio{
  width:100%;max-width:none;
  padding-left:max(24px,calc((100vw - 1280px)/2));
  padding-right:max(24px,calc((100vw - 1280px)/2));
  background:
    radial-gradient(circle at 14% 24%,rgba(168,91,34,.12),transparent 14%),
    radial-gradient(circle at 90% 44%,rgba(103,34,57,.2),transparent 30%),
    #0d080a;
  border-bottom:1px solid rgba(209,166,77,.14);
}
.portfolio:before,.portfolio:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(209,166,77,.16);border-radius:50%;transform:rotate(-13deg)}
.portfolio:before{width:1200px;height:510px;left:-400px;top:420px}
.portfolio:after{width:900px;height:380px;right:-430px;bottom:110px}
.portfolio>.sectionHead,.portfolio>.projectGrid{position:relative;z-index:1}
.projectGrid{gap:100px 38px}
.project:nth-child(even){margin-top:90px}
.project:hover{transform:translateY(-7px)}
.visual{border:1px solid rgba(209,166,77,.58);border-radius:18px;box-shadow:0 26px 70px rgba(0,0,0,.35),0 0 28px rgba(209,166,77,.05)}
.browser{border-radius:17px}
.visual>span{z-index:5;right:20px;bottom:-17px;font-size:76px;color:rgba(246,239,231,.9);text-shadow:0 6px 20px rgba(0,0,0,.6)}
.projectInfo{padding:28px 2px 0}
.projectInfo p{font-size:10px}.projectInfo h3{font-size:45px}.projectInfo>span{color:#c1b5b7;font-size:14px}
.projectInfo b{width:max-content;padding-bottom:10px;border-bottom:1px solid var(--gold)}

/* Diferenciais */
.wine.difference{
  background:
    radial-gradient(circle at 15% 62%,rgba(209,166,77,.11),transparent 28%),
    linear-gradient(135deg,#240e17,#11090d 62%,#0d080a);
  border-bottom:1px solid rgba(209,166,77,.14)
}
.differenceGrid{grid-template-columns:.92fr 1.08fr;gap:120px;margin-top:42px;align-items:start}
.difference h2{font-size:clamp(62px,6vw,94px)}
.differenceList{border-top:1px solid var(--line)}
.differenceList p{padding:28px 10px;margin:0;border-color:rgba(209,166,77,.22);transition:padding .3s ease,background .3s ease}
.differenceList p:hover{padding-left:24px;background:linear-gradient(90deg,rgba(209,166,77,.07),transparent)}
.differenceList b{font-size:29px}.differenceList small{color:#bfb2b5}

/* FAQ */
.faq{
  width:100%;max-width:none;
  padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));
  grid-template-columns:.75fr 1.25fr;gap:110px;
  background:linear-gradient(180deg,#0e080a,#130b0e);
}
.faq h2{font-size:clamp(62px,6vw,92px)}
.faqList{border-color:var(--line)}
.faq details{padding:28px 8px;border-color:rgba(209,166,77,.23)}
.faq details[open]{background:linear-gradient(90deg,rgba(209,166,77,.06),transparent);padding-left:22px;padding-right:22px}
.faq summary{font-size:28px;color:var(--ivory)}
.faq summary span{font-family:Manrope,sans-serif;font-weight:300}

/* Contato e rodapé */
.contact{padding:165px 0;background:radial-gradient(circle at 50% 52%,rgba(104,42,35,.28),transparent 18%),radial-gradient(circle at 50% 54%,rgba(209,166,77,.10),transparent 43%),#090507;border-top:1px solid rgba(209,166,77,.17)}
.contact:before{content:"";position:absolute;left:50%;top:50%;width:720px;height:720px;border:1px solid rgba(209,166,77,.13);border-radius:50%;transform:translate(-50%,-50%)}
.contact h2{font-size:clamp(68px,7.5vw,112px);line-height:.9;position:relative}
.contact>div>p:not(.label){color:#c7babc;font-size:15px}
.contactActions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;position:relative}
.contact .button{min-width:220px}.outline{border:1px solid var(--gold);color:var(--gold)}
.footer{width:100%;max-width:none;padding:75px max(24px,calc((100vw - 1180px)/2)) 30px;background:#090507;border-top:1px solid rgba(209,166,77,.22)}
.footer>span{border-color:rgba(209,166,77,.17)}

@media(max-width:900px){
  .manifesto,.about,.services,.solutions,.portfolio,.difference,.faq{padding-top:105px;padding-bottom:105px}
  .sectionHead,.solutionsHead{grid-template-columns:1fr;gap:30px;margin-bottom:58px}
  .sectionHead>p,.solutionsHead>p{max-width:620px}
  .about{grid-template-columns:1fr;gap:65px}.portrait{height:min(720px,125vw);max-width:570px;width:100%;margin:auto}
  .serviceList article{grid-template-columns:50px 1fr 26px}.serviceList article p{grid-column:2/4}
  .differenceGrid,.faq{grid-template-columns:1fr;gap:55px}.differenceGrid{margin-top:30px}
  .commercial{grid-template-columns:1fr}.projectGrid{gap:75px 28px}
}

@media(max-width:650px){
  .manifesto,.about,.services,.solutions,.portfolio,.difference,.faq{padding-top:88px;padding-bottom:88px}
  .sectionHead h2,.solutionsHead h2,.about h2,.difference h2,.faq h2{font-size:50px}
  .sectionHead>p,.solutionsHead>p{padding-left:22px}
  .manifesto h2{font-size:57px}.manifesto .note{margin-top:48px;padding-left:22px}
  .portrait{border-radius:100px 100px 14px 14px}.portrait:after{border-radius:90px 90px 10px 10px}
  .about blockquote{font-size:27px}
  .serviceList article{padding:26px 2px;gap:14px}.serviceList article:hover{padding-left:10px;padding-right:10px}.serviceList h3{font-size:27px}
  .planGrid{gap:18px}.plan{min-height:0}.plan h3{font-size:43px}.price strong{font-size:68px}
  .addons,.payment{padding:36px 24px}.commercial h3{font-size:40px}
  .projectGrid{grid-template-columns:1fr;gap:64px}.project:nth-child(even){margin-top:0}.visual>span{font-size:60px}
  .projectInfo h3{font-size:39px}.differenceList p:hover{padding-left:10px}
  .faq{gap:42px}.faq summary{font-size:23px;gap:18px}.faq details[open]{padding-left:12px;padding-right:12px}
  .contact{padding:110px 0}.contact h2{font-size:58px}.contact:before{width:480px;height:480px}
}

@media(prefers-reduced-motion:reduce){.project,.plan,.serviceList article,.differenceList p{transition:none}}



/* ===== LAPIDAR — respiro responsivo v4 ===== */
@media(max-width:900px){
  .shell{width:min(100% - 56px,720px)}
  .nav{width:calc(100% - 56px)}
  .hero{padding-left:28px;padding-right:28px}
  .manifesto,.portfolio,.faq{
    padding-left:28px;
    padding-right:28px;
  }
  .footer{padding-left:28px;padding-right:28px}
  .services>.shell,.solutions>.shell,.difference>.shell,.contact>.shell{width:min(100% - 56px,720px)}
}

@media(max-width:650px){
  .shell{width:calc(100% - 48px)}
  .nav{width:calc(100% - 48px);height:84px}
  .hero{
    min-height:780px;
    padding:148px 24px 92px;
    background-position:66% center;
  }
  .hero>div:first-child{width:100%}
  .hero h1{font-size:clamp(48px,14.5vw,60px);line-height:.94;letter-spacing:-.055em}
  .hero .lead{font-size:14px;line-height:1.75;max-width:92%}
  .hero .actions{margin-top:34px;gap:14px}
  .hero .button{width:100%;max-width:285px;text-align:center;padding:17px 18px}

  .manifesto,.portfolio,.faq{padding-left:24px;padding-right:24px}
  .services>.shell,.solutions>.shell,.difference>.shell,.contact>.shell{width:calc(100% - 48px)}
  .footer{padding-left:24px;padding-right:24px}

  .manifesto,.about,.services,.solutions,.portfolio,.difference,.faq{padding-top:96px;padding-bottom:96px}
  .label,.eyebrow{line-height:1.6;letter-spacing:.19em}
  .sectionHead,.solutionsHead{gap:34px;margin-bottom:56px}
  .sectionHead h2,.solutionsHead h2,.about h2,.difference h2,.faq h2{font-size:clamp(44px,13vw,52px);line-height:.96}
  .sectionHead>p,.solutionsHead>p{padding:8px 0 8px 24px;font-size:14px;line-height:1.75}

  .manifesto h2{font-size:clamp(49px,15vw,62px);line-height:.92;margin-top:28px}
  .manifesto .note{margin-top:52px;padding:8px 0 8px 24px;font-size:14px;line-height:1.75}

  .about{gap:62px}
  .portrait{width:100%;height:auto;aspect-ratio:2/3;max-height:650px}
  .portrait:after{inset:11px}
  .portrait span{left:16px;right:auto;bottom:16px;max-width:calc(100% - 32px);line-height:1.5}
  .about>div>p:not(.label){font-size:14px;line-height:1.85}
  .about blockquote{margin-top:38px;padding:20px 0 20px 24px;font-size:25px;line-height:1.45}

  .serviceList article{grid-template-columns:34px minmax(0,1fr) 20px;gap:12px;padding:28px 4px}
  .serviceList article p{grid-column:2/4;margin:4px 0 0;font-size:12px;line-height:1.7}
  .serviceList h3{font-size:26px;line-height:1.1}

  .planGrid{gap:24px}
  .plan{padding:38px 27px 28px;border-radius:17px}
  .plan h3{font-size:42px}.price strong{font-size:66px}
  .planSubtitle{min-height:0;margin-bottom:20px}
  .plan li{font-size:12px}
  .commercial{gap:20px;margin-top:62px}
  .addons,.payment{padding:38px 27px;border-radius:17px}
  .commercial h3{font-size:39px;line-height:1.04}
  .addonList p{flex-direction:column;gap:9px;padding:18px 0}
  .addonList b{text-align:left;white-space:normal}
  .paymentOptions>div{padding:20px}

  .projectGrid{gap:72px}
  .visual{aspect-ratio:1.55/1;border-radius:15px}
  .browser{border-radius:14px}
  .visual>span{right:14px;bottom:-13px;font-size:54px}
  .browser>.projectLogo{width:68%;height:44%}
  .projectInfo{padding:25px 4px 0}
  .projectInfo p{line-height:1.6}.projectInfo h3{font-size:38px;margin:10px 0 13px}
  .projectInfo>span{font-size:13px;line-height:1.7}
  .projectInfo b{margin-top:22px}

  .differenceGrid{gap:46px}
  .differenceList p{grid-template-columns:28px minmax(0,1fr);padding:26px 5px;gap:5px 10px}
  .differenceList b{font-size:25px}.differenceList small{font-size:12px;line-height:1.7}

  .faq{gap:46px}
  .faq details{padding:26px 5px}
  .faq summary{font-size:22px;line-height:1.25}
  .faq details p{font-size:13px;line-height:1.75;padding-right:6px}

  .contact{padding:105px 0}
  .contact h2{font-size:clamp(48px,14vw,60px);line-height:.94}
  .contact>div>p:not(.label){font-size:14px;line-height:1.8;padding:0 2px}
  .contactActions{gap:14px;margin-top:30px}
  .contact .button{width:100%;min-width:0;max-width:310px;text-align:center}
  .contact:before{width:430px;height:430px}

  .footer{grid-template-columns:1fr;gap:28px;padding-top:62px}
  .footer>span{margin-top:12px;line-height:1.7}

  .privacyNav,.privacy,.privacyFooter{width:calc(100% - 48px)}
  .privacy{padding-top:82px;padding-bottom:96px}
  .privacy h1{font-size:clamp(52px,17vw,68px);line-height:.94}
  .privacyLead{font-size:15px}
  .privacy section{padding:35px 0}
}

@media(max-width:380px){
  .shell{width:calc(100% - 40px)}
  .nav{width:calc(100% - 40px)}
  .hero,.manifesto,.portfolio,.faq{padding-left:20px;padding-right:20px}
  .services>.shell,.solutions>.shell,.difference>.shell,.contact>.shell{width:calc(100% - 40px)}
  .footer{padding-left:20px;padding-right:20px}
  .privacyNav,.privacy,.privacyFooter{width:calc(100% - 40px)}
  .brand>.gem+span{width:94px}
  .mobileMenu{margin-right:10px}
  .hero h1{font-size:47px}
  .plan,.addons,.payment{padding-left:23px;padding-right:23px}
}



/* ===== LAPIDAR — sobre e margens mobile v5 ===== */
.about{width:100%;max-width:none;padding-left:max(28px,calc((100vw - 1180px)/2));padding-right:max(28px,calc((100vw - 1180px)/2));background:radial-gradient(circle at 10% 12%,rgba(207,142,58,.16),transparent 18%),radial-gradient(circle at 83% 80%,rgba(103,31,52,.22),transparent 30%),linear-gradient(145deg,#0b0608,#130a0e 58%,#0c0709);border-bottom:1px solid rgba(209,166,77,.14)}
.about:before{content:"";position:absolute;width:780px;height:380px;right:-290px;bottom:-190px;border:1px solid rgba(209,166,77,.18);border-radius:50%;transform:rotate(-23deg);pointer-events:none}
.about .portrait{position:relative;height:720px;border-radius:240px 240px 24px 24px;border-color:rgba(209,166,77,.72);box-shadow:0 0 60px rgba(209,166,77,.08),0 35px 90px rgba(0,0,0,.42)}
.about .portrait:after{border-radius:226px 226px 18px 18px;border-color:rgba(209,166,77,.38)}
.about .portrait img{object-position:52% 25%;filter:saturate(.78) contrast(1.04) brightness(.76)}
.about .portrait span{left:18px;right:18px;bottom:18px;padding:19px 18px 17px;border:1px solid rgba(209,166,77,.42);background:linear-gradient(180deg,rgba(12,7,9,.48),rgba(12,7,9,.9));color:var(--gold);font-family:'Bodoni Moda',serif;font-size:27px;font-style:italic;text-transform:none;letter-spacing:-.02em;text-align:center}
.about .portrait span small{display:block;margin-top:6px;color:#dfd2cf;font-family:'Manrope',sans-serif;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.2em}
.aboutCopy{position:relative;z-index:1}.aboutText{margin-top:38px;padding-top:28px;border-top:1px solid rgba(209,166,77,.42)}
.aboutText p{margin:0 0 18px;color:var(--copy);font-size:15px;line-height:1.85}.about blockquote{font-size:31px;line-height:1.55}
@media(max-width:650px){
  .shell{width:calc(100% - 76px)}.nav{width:calc(100% - 76px)}
  .hero,.manifesto,.portfolio,.faq{padding-left:38px;padding-right:38px}
  .services>.shell,.solutions>.shell,.difference>.shell,.contact>.shell{width:calc(100% - 76px)}
  .footer{padding-left:38px;padding-right:38px}.privacyNav,.privacy,.privacyFooter{width:calc(100% - 76px)}
  .about{width:100%;padding-left:38px;padding-right:38px;gap:70px}
  .about .portrait{width:100%;height:auto;max-height:none;aspect-ratio:2/3;border-radius:150px 150px 18px 18px}
  .about .portrait:after{border-radius:139px 139px 13px 13px}.about .portrait span{left:13px;right:13px;bottom:13px;font-size:23px;padding:16px 12px 14px}
  .aboutCopy h2{font-size:clamp(43px,12.4vw,52px)}.aboutText{margin-top:32px;padding-top:24px}.aboutText p{font-size:14px;line-height:1.85;margin-bottom:17px}
  .about blockquote{padding-left:24px;font-size:24px;line-height:1.55}.plan,.addons,.payment{padding-left:29px;padding-right:29px}
}
@media(max-width:380px){
  .shell{width:calc(100% - 56px)}.nav{width:calc(100% - 56px)}
  .hero,.manifesto,.portfolio,.faq,.about{padding-left:28px;padding-right:28px}
  .services>.shell,.solutions>.shell,.difference>.shell,.contact>.shell{width:calc(100% - 56px)}
  .footer{padding-left:28px;padding-right:28px}.privacyNav,.privacy,.privacyFooter{width:calc(100% - 56px)}.aboutCopy h2{font-size:42px}
}



/* ===== LAPIDAR — correção título Sobre v6 ===== */
.aboutCopy h2{max-width:100%;overflow:visible;text-wrap:balance}
.aboutCopy h2 em{display:block;margin-top:.08em;line-height:1.05}
@media(max-width:650px){
  .aboutCopy{min-width:0;width:100%}
  .aboutCopy h2{font-size:clamp(38px,10.6vw,46px);line-height:1.08;letter-spacing:-.045em;text-wrap:wrap;overflow-wrap:normal;word-break:normal}
  .aboutCopy h2 em{margin-top:.12em;line-height:1.08}
}
@media(max-width:380px){.aboutCopy h2{font-size:38px}}


/* ===== LAPIDAR — arte final Sobre v7 ===== */
.about{
  min-height:900px;
  background-image:linear-gradient(90deg,transparent 0%,transparent 45%,rgba(9,5,7,.08) 53%,rgba(9,5,7,.34) 100%),url('../images/sobre-completo.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.about:before,.about:after{display:none}
.about .portrait{height:720px;background:none;border:0;box-shadow:none;overflow:visible}
.about .portrait:after,.about .portrait img,.about .portrait span{display:none}
.aboutCopy{padding:40px 0 40px 15px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.aboutText{max-width:590px}.about blockquote{max-width:600px}

@media(max-width:900px){
  .about{min-height:0;background-image:none;background-color:#0d080a}
  .about .portrait{display:block;height:auto;aspect-ratio:1/1.18;background-image:url('../images/sobre-completo.webp');background-size:auto 100%;background-position:17% center;background-repeat:no-repeat;border:1px solid rgba(209,166,77,.52);border-radius:180px 180px 18px 18px;box-shadow:0 28px 70px rgba(0,0,0,.38);overflow:hidden}
  .aboutCopy{padding:0;text-shadow:none}
}
@media(max-width:650px){
  .about .portrait{aspect-ratio:1/1.22;border-radius:145px 145px 16px 16px;background-position:16% center}
}


/* ===== LAPIDAR — Sobre mobile v8 ===== */
@media(max-width:650px){
  .about{display:grid;grid-template-columns:1fr;gap:0;align-items:start}
  .aboutCopy{display:contents}
  .aboutCopy>.label{order:1;margin:0 0 34px}
  .about>.portrait{
    order:2;
    width:100%;
    margin:0 auto 64px;
    aspect-ratio:1/1.22;
    border-radius:50% 50% 18px 18px / 29% 29% 18px 18px;
    background-position:left center;
    background-size:auto 100%;
  }
  .aboutCopy>h2{order:3;margin:0 0 34px}
  .aboutCopy>.aboutText{order:4;margin:0;padding-top:28px}
  .aboutCopy>blockquote{order:5;margin-top:38px}
}
@media(max-width:380px){
  .about>.portrait{border-radius:50% 50% 15px 15px / 27% 27% 15px 15px;margin-bottom:54px}
}


/* ===== LAPIDAR — alinhamento dos arcos v9 ===== */
@media(max-width:650px){
  .about>.portrait{background-position:clamp(14px,3.8vw,19px) center}
}
@media(max-width:380px){
  .about>.portrait{background-position:clamp(10px,3.4vw,13px) center}
}


/* ===== LAPIDAR — revisão após edição manual v10 ===== */
.about .portrait span{
  display:block;
  left:50%;
  right:auto;
  bottom:26px;
  width:min(82%,360px);
  transform:translateX(-50%);
  padding:17px 18px 15px;
  border:1px solid rgba(209,166,77,.38);
  background:linear-gradient(180deg,rgba(10,6,8,.18),rgba(10,6,8,.88));
  backdrop-filter:blur(3px);
  color:var(--gold);
  font-family:'Bodoni Moda',serif;
  font-size:28px;
  font-style:italic;
  text-align:center;
  text-transform:none;
  letter-spacing:-.02em;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.about .portrait span small{
  display:block;
  margin-top:6px;
  color:#e4d8d4;
  font-family:'Manrope',sans-serif;
  font-size:8px;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.2em;
}
.planGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
  gap:28px;
}
.planGrid .plan{min-width:0}
@media(max-width:900px){.planGrid{grid-template-columns:1fr;max-width:620px}}
@media(max-width:650px){
  .about .portrait span{bottom:18px;width:min(84%,300px);padding:14px 12px 12px;font-size:23px}
}


/* ===== LAPIDAR — menu mobile e CTAs v11 ===== */
.visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.menuIcon{display:flex;width:24px;height:18px;flex-direction:column;justify-content:space-between}
.menuIcon i{display:block;width:100%;height:1px;background:var(--gold);transition:transform .25s ease,opacity .25s ease}
.mobileMenu[open] .menuIcon i:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.mobileMenu[open] .menuIcon i:nth-child(2){opacity:0}
.mobileMenu[open] .menuIcon i:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
@media(max-width:850px){
  .nav{gap:12px}
  .mobileMenu{margin-left:auto;margin-right:0}
  .mobileMenu summary{display:flex;width:42px;height:42px;padding:0;align-items:center;justify-content:center;border:1px solid rgba(209,166,77,.36)}
  .navCta{flex:none;display:inline-flex;align-items:center;gap:5px;padding:12px 13px;font-size:8px;line-height:1;white-space:nowrap}
  .navCta span{font-size:10px}
}
@media(max-width:420px){
  .nav{gap:8px}
  .brand .gem{width:28px;height:25px}.brand>.gem+span{width:82px;height:27px}
  .mobileMenu summary{width:38px;height:38px}.menuIcon{width:21px;height:16px}
  .mobileMenu[open] .menuIcon i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .mobileMenu[open] .menuIcon i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .navCta{padding:11px 10px;font-size:7.5px;letter-spacing:.08em}.navCta span{display:none}
}


/* ===== LAPIDAR — compatibilidade mobile entre navegadores v12 ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
@media(max-width:650px){
  .hero{
    min-height:100svh;
    padding-top:132px;
    padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));
    overflow:clip;
  }
  @supports(height:100dvh){.hero{min-height:100dvh}}
  .hero h1{margin-top:24px;margin-bottom:26px}
  .hero .lead{line-height:1.65;margin-top:0}
  .hero .actions{margin-top:30px;gap:14px;padding-bottom:18px}
  .hero .textLink{margin-top:0}
}
@media(max-width:420px){
  .hero{padding-top:122px;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
  .hero h1{font-size:clamp(44px,12.2vw,49px)}
  .hero .lead{font-size:14px;line-height:1.6}
}


/* ===== LAPIDAR — correção de largura mobile v13 ===== */
@media(max-width:900px){
  .hero,.manifesto,.about,.portfolio,.faq,.footer{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
}


/* ===== LAPIDAR — portfólio e setas mobile v14 ===== */
.linkArrow{font-family:'Manrope',sans-serif;font-style:normal}
@media(max-width:650px){
  .linkArrow{display:none!important}
  .portfolio .visual{width:100%;height:auto;aspect-ratio:1.94/1}
  .portfolio .browser>.sitePreview{width:100%;height:100%;object-fit:contain;object-position:center;background:#100a0d}
  .portfolio .browser>.projectLogo{max-width:68%;max-height:44%}
}


/* ===== LAPIDAR — cabeçalho fixo v16 ===== */
.nav{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  z-index:100;
  isolation:isolate;
  border-bottom-color:rgba(209,166,77,.22);
}
.nav:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(13,6,10,.94),rgba(20,8,14,.82));
  border-bottom:1px solid rgba(209,166,77,.16);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 32px rgba(0,0,0,.16);
}
section[id]{scroll-margin-top:115px}
@media(max-width:850px){
  .nav:before{background:linear-gradient(180deg,rgba(13,6,10,.97),rgba(20,8,14,.9));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  section[id]{scroll-margin-top:94px}
}

/* ===== LAPIDAR — consentimento e métricas v17 ===== */
.cookieBanner{position:fixed;z-index:300;right:clamp(18px,3.5vw,52px);bottom:clamp(18px,3.5vw,44px);width:min(560px,calc(100vw - 36px));display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:25px 27px;color:#f7efe9;background:rgba(20,8,14,.97);border:1px solid rgba(209,166,77,.42);box-shadow:0 24px 70px rgba(0,0,0,.48);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.cookieBanner strong{display:block;margin-bottom:7px;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500}
.cookieBanner p{margin:0;color:rgba(247,239,233,.76);font-size:12px;line-height:1.65}
.cookieBanner a{display:inline-block;margin-top:10px;color:#d1a64d;font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.cookieBanner__actions{display:flex;flex-direction:column;gap:9px}
.cookieBanner button,.cookieSettings{font:inherit;cursor:pointer}
.cookieBanner button{min-width:150px;padding:12px 15px;border:1px solid rgba(209,166,77,.45);color:#f7efe9;background:transparent;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.cookieBanner button.accept{border-color:#d1a64d;color:#17090f;background:#d1a64d}
.cookieBanner button:hover,.cookieBanner button:focus-visible{border-color:#f0cf7b}
.cookieSettings{border:0;padding:0;color:inherit;background:none;font-size:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.78}
.cookieSettings:hover,.cookieSettings:focus-visible{opacity:1;color:#d1a64d}
@media(max-width:650px){.cookieBanner{right:18px;bottom:18px;grid-template-columns:1fr;gap:18px;padding:22px}.cookieBanner__actions{display:grid;grid-template-columns:1fr 1fr}.cookieBanner button{min-width:0;padding:12px 9px;font-size:8px}}