:root{--deep:#120326;--gold:#ffc629;--soft:#decfe7;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--deep);color:white;font:16px/1.55 "Helvetica Neue",Arial,sans-serif}
header,main,footer{width:min(88%,1240px);margin:auto}
header,footer,.contact,nav{display:flex;align-items:center;justify-content:space-between;gap:22px}
header,footer{padding:20px 0;border-bottom:1px solid #3f2c52}
header img,footer img{display:block;width:126px;margin-left:-12px}
header nav{color:var(--gold)}
a{color:inherit}a{text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.hero{padding:clamp(50px,7vw,106px) 0}
h1,h2{letter-spacing:-.06em;line-height:1.03}
h1{font-size:clamp(56px,8vw,118px);margin:20px 0}
em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}
.intro{max-width:49ch;color:var(--soft);font-size:clamp(17px,1.65vw,22px);margin:22px 0 30px}
.button{display:inline-block;background:var(--gold);color:var(--deep);border-radius:40px;padding:13px 23px;font-weight:650}
section+section{padding:clamp(40px,5vw,76px) 0;border-top:1px solid #3f2c52}
h2{font-size:clamp(38px,5vw,70px);margin:0 0 30px}
h2 span{color:var(--gold)}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.services li{border:1px solid #9753cf;border-radius:14px;padding:18px 22px;box-shadow:0 0 12px #9b00d72b,inset 0 0 10px #9b00d719;font-size:clamp(16px,1.6vw,21px)}
figure{margin:0}figure img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:20px}
figcaption,.contact p{font-size:14px;color:var(--soft);margin:10px 0 0}
.contact h2{margin:0}footer{border-top:1px solid #3f2c52;border-bottom:0}
@media(max-width:660px){nav{gap:13px}header img,footer img{width:100px}nav a{font-size:14px}.services{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}}
body{isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#10031e88,transparent 78%),url("assets/fundo-belaro.jpg") center/cover}
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2%;align-items:center;min-height:min(82vh,850px)}
.hero h1{font-size:clamp(48px,6.5vw,102px)}
.brand-orb{aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;align-self:end;margin-bottom:2vw;background:conic-gradient(from 20deg,#ffe481,#f0b43a,#ab1bff,#ecd0ff,#921bff,#ffe481);box-shadow:0 0 14px #d65cff,0 0 50px #9a14f6,9px -7px 29px #ffc94980}
.brand-orb::before{content:"";position:absolute;inset:2px;border-radius:inherit;background:radial-gradient(circle at 70% 8%,#451153,#170522 54%,#24063e)}
.brand-orb img{position:relative;width:85%}
#servicos h2{text-align:center;font-size:clamp(34px,4vw,60px);margin-bottom:42px}
.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-card{display:flex;flex-direction:column;align-items:flex-start;background:transparent;color:#fff;text-shadow:0 1px 4px #10031e,0 0 9px #10031e;padding:clamp(21px,2.2vw,34px);border-radius:14px;border:1px solid #ac82bd80}
.service-card svg{width:46px;height:46px;border-radius:9px;background:#471261;padding:11px;fill:none;stroke:white;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font-size:clamp(22px,2vw,30px);line-height:1.15;letter-spacing:-.04em;margin:20px 0 12px}
.service-card ul{padding-left:1.1em;margin:0 0 24px}
.service-card li{margin:.4em 0;color:#fff}
.service-card li::marker{color:var(--gold)}
.hire{margin-top:auto;padding:9px 17px;border-radius:6px;background:var(--gold);color:var(--deep);text-shadow:none;font-weight:600}
@media(max-width:920px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hero{grid-template-columns:1fr;gap:35px}.brand-orb{width:min(53vw,240px);justify-self:end}.hero h1{font-size:clamp(42px,10vw,60px)}}
.strategy{margin:12px 0 48px;border:1px solid #b45dd1;border-radius:34px;padding:clamp(42px,6vw,92px) 6%;text-align:center;background:radial-gradient(ellipse at top left,#54116a,transparent 58%),radial-gradient(ellipse at bottom right,#3b0956,transparent 50%),#10041c}
.strategy img{width:112px}.strategy h2{max-width:15ch;margin:22px auto}.strategy p{max-width:48ch;margin:14px auto;color:#f0e6f4}.strategy p strong{color:#e2a1fa}.strategy .button{margin-top:18px}
@media(max-width:740px){.catalog{grid-template-columns:1fr;gap:18px}.strategy{padding-inline:18px}}
.instagram{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.instagram svg{color:#eaa5f7;filter:drop-shadow(0 0 4px #a536cb)}
@media(max-width:660px){footer{flex-wrap:wrap}.instagram{order:1;flex-basis:100%}}