@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root{--black:#09050e;--ink:#160b1c;--purple:#6b1cff;--purple2:#9d3cff;--pink:#ff2f8b;--pink2:#ff64ad;--white:#fff;--soft:#f7f3f8;--muted:#716975;--line:rgba(27,12,35,.11);--max:1160px}
*{box-sizing:border-box}
html, body {
    margin:0;
    padding:0;
    background:var(--soft);
    color:var(--ink);
    font-family:'DM Sans',Arial,sans-serif;
    line-height:1.65;
    overflow-x: hidden;
    width: 100%;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.section{padding:115px 0}
.eyebrow,.kicker{margin:0 0 15px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--purple)}
h1,h2,h3{margin-top:0}
h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.7rem,6vw,5rem);line-height:.98;letter-spacing:-.035em;margin-bottom:25px}
em{font-style:italic;background:linear-gradient(90deg,var(--pink),var(--purple2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Header fixo e com transição dinâmica ao rolar a página */
.site-header{
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:88px;
    padding:0 max(24px,calc((100% - var(--max))/2));
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease, height 0.3s ease;
}
.site-header.scrolled {
    background-color: rgba(9, 5, 14, 0.88);
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    height: 72px;
}
.brand img{width:145px;max-height:55px;object-fit:contain}
.nav{display:flex;align-items:center;gap:27px;color:#fff;font-size:.82rem;font-weight:600}
.nav a{opacity:.85;transition:.2s}
.nav a:hover{opacity:1;color:#ff7cbb}
.nav-cta{padding:10px 19px;border:1px solid rgba(255,255,255,.5);border-radius:100px!important;opacity:1!important}

/* Animação suave para elementos visíveis */
.reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Hero */
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:#0b0610;color:#fff}
.hero__bg-image{
    position:absolute;
    inset:0;
    background-image: url('imagens/IMG_0730.JPG');
    background-size: cover;
    background-position: center top;
    filter: brightness(0.65) saturate(1.1);
    transform: scale(1.02);
    z-index: 1;
}
.hero:after{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(circle at 75% 30%, rgba(139, 38, 255, 0.45) 0%, transparent 60%),
                radial-gradient(circle at 20% 80%, rgba(255, 35, 127, 0.35) 0%, transparent 50%),
                linear-gradient(180deg, rgba(9, 5, 14, 0.82) 0%, rgba(15, 6, 26, 0.7) 60%, rgba(9, 5, 14, 0.95) 100%);
    z-index: 2;
    pointer-events:none;
}

.hero__content{
    position:relative;
    z-index:3;
    width:min(var(--max),calc(100% - 48px));
    min-height:100vh;
    margin:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:80px 0 50px;
}
.hero__title-row{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
}
.hero__logo{
    width:420px;
    max-width:90vw;
    height:auto;
    max-height:140px;
    object-fit:contain;
    filter: brightness(0) invert(1);
    opacity: 1;
}
.hero h1{max-width:1000px;font-family:'Playfair Display',Georgia,serif;font-size:clamp(3.6rem,8.5vw,8rem);line-height:.9;letter-spacing:-.055em;margin:0}
.hero__text{max-width:560px;color:rgba(255,255,255,.9);font-size:1.15rem;margin:24px auto 34px;text-shadow:0 2px 8px rgba(0,0,0,0.6)}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 28px;border-radius:100px;font-weight:700;font-size:.86rem;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button--light{background:#fff;color:#170b1d;box-shadow:0 15px 35px rgba(0,0,0,.3)}.button--outline{border:1px solid rgba(255,255,255,.6);color:#fff;backdrop-filter:blur(4px)}

.about{background:#fff}
.about__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px 80px;align-items:start}
.about__title h2{max-width:520px}
.about__copy{padding-top:10px;color:var(--muted);font-size:1.05rem}
.about__copy p{margin:0 0 22px}
.about__copy strong{color:var(--ink)}

.show{background:#0d0712;color:#fff;position:relative;overflow:hidden}.show:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(112,23,255,.22);filter:blur(80px);right:-200px;top:-180px}.section-head{position:relative;z-index:1}.section-head--center{text-align:center}.section-head--light .eyebrow{color:#ff62a9}.show .section-head{max-width:800px;margin:0 auto 55px}.show .section-head h2{font-size:clamp(2.8rem,6vw,5.2rem)}.show .section-head p:last-child{color:rgba(255,255,255,.6)}.video-frame{position:relative;width:min(940px,100%);aspect-ratio:16/9;margin:auto;border-radius:3px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.45);padding:9px}.video-frame__line{position:absolute;inset:0;border:1px solid rgba(255,73,159,.5);pointer-events:none}.video-frame iframe{width:100%;height:100%;border:0}

/* Grid de clientes */
.clients{background:#f4edf7}
.clients__grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:16px;
    margin-top:50px;
    width:100%;
}
.clients__grid picture{
    width:100%;
    aspect-ratio:16/9;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    border:1px solid var(--line);
    border-radius:8px;
    transition:.2s;
}
.clients__grid picture:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(80,15,100,.09)}
.clients__grid img{width:100%;height:100%;object-fit:contain}

.testimonials{background:#fff}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote{position:relative;padding:38px 32px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 45px rgba(35,12,45,.06)}.quote__mark{font-family:Georgia,serif;font-size:4rem;line-height:.7;color:var(--pink);display:block;margin-bottom:22px}.quote p{font-size:.94rem;color:#625a64;font-style:italic}.quote h3{margin:25px 0 0;font-size:.95rem}.quote small{color:var(--purple);font-weight:700}

/* Seção Diferenciais */
.reasons{
    position: relative;
    color: #fff;
    overflow: hidden;
    background: #09050e;
}
.reasons__bg {
    position: absolute;
    inset: 0;
    background-image: url('imagens/capa lucas ortegga.jpg');
    background-size: cover;
    background-position: center 30%;
    filter: brightness(0.6) saturate(1.1);
    z-index: 1;
}
.reasons:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9, 5, 14, 0.7) 0%, rgba(20, 8, 28, 0.5) 50%, rgba(9, 5, 14, 0.75) 100%),
                radial-gradient(circle at 50% 50%, rgba(107, 28, 255, 0.15) 0%, transparent 70%);
    z-index: 2;
    pointer-events: none;
}
.reasons__inner {
    position: relative;
    z-index: 3;
}
.reasons .eyebrow {
    color: #ff62aa;
}
.reasons__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 55px;
}
.reasons article {
    padding: 35px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(15, 7, 24, 0.75);
    backdrop-filter: blur(8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.reasons article:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 98, 170, 0.4);
}
.reasons article span {
    font-size: .72rem;
    letter-spacing: .16em;
    color: #ff62aa;
    font-weight: 700;
}
.reasons h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.7rem;
    margin: 28px 0 12px;
}
.reasons p {
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

.music{background:#f7f3f8}.music__inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.socials{display:grid;grid-template-columns:repeat(2,180px);gap:12px}.socials a{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:.9rem;transition:.2s}.socials a:hover{transform:translateY(-3px);border-color:rgba(107,28,255,.25)}.socials img{width:30px;height:30px;object-fit:contain}
.contact{position:relative;overflow:hidden;background:#6b1cff;color:#fff;text-align:center;padding:120px 0}.contact:before,.contact:after{content:"";position:absolute;border-radius:50%;filter:blur(20px)}.contact:before{width:350px;height:350px;background:rgba(255,255,255,.12);left:-100px;top:-130px}.contact:after{width:400px;height:400px;background:rgba(255,40,143,.3);right:-130px;bottom:-200px}.contact__inner{position:relative;z-index:1}.contact .eyebrow{color:#ffd0e5}.contact h2{font-size:clamp(3rem,7vw,6rem);margin-bottom:20px}.contact p:not(.eyebrow){color:rgba(255,255,255,.8);margin-bottom:30px}.button--white{background:#fff;color:#18091f;box-shadow:0 15px 35px rgba(45,4,55,.22)}.button--white img{width:27px;height:27px}
.footer{background:#09050e;color:rgba(255,255,255,.48);padding:25px 0;font-size:.75rem}.footer .container{display:flex;justify-content:space-between;gap:20px}

@media(max-width:950px){
    .nav{gap:15px}.nav a:not(.nav-cta){display:none}
    .about__grid{grid-template-columns:1fr;gap:30px}
    .clients__grid{grid-template-columns:repeat(3,1fr)}
    .quotes,.reasons__grid{grid-template-columns:1fr}
    .music__inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:700px){
    .container{width:calc(100% - 32px)}
    .section{padding:80px 0}
    .site-header{height:72px;padding:0 16px}
    .brand img{width:125px}
    .hero{min-height:780px}
    .hero__content{width:calc(100% - 32px);padding-top:60px}
    .hero h1{font-size:clamp(2.8rem,12vw,4.5rem)}
    .hero__logo{width:300px;height:auto}
    .about__grid{gap:20px}
    .about__copy{padding:0}
    .clients__grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .quotes{gap:12px}
    .quote{padding:30px 25px}
    .reasons__grid{gap:16px}
    .reasons article{padding:25px}
    .socials{width:100%;grid-template-columns:1fr 1fr}
    .socials a{justify-content:center;padding:13px 8px}
    .contact{padding:85px 0}
    .contact h2{font-size:clamp(2.8rem,14vw,4.5rem)}
    .footer .container{flex-direction:column;text-align:center}
}
@media(max-width:390px){
    .socials{grid-template-columns:1fr}
    .hero h1{font-size:2.5rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}