
:root{
  --vinho:#4B0F19; --vinho-deep:#350A12; --vinho-mid:#5C1422;
  --magenta:#FF0A78; --rosa:#FF2B9A; --magenta-dim:rgba(255,10,120,.16); --magenta-glow:rgba(255,10,120,.35);
  --grafite:#0E0E12; --grafite2:#16161B; --grafite3:#1F1F28; --grafite4:#2A2A35;
  --nevoa:#FAFAF8; --rose:#FFD6DE; --bronze:#E6A58C;
  --text:#F1E8E6; --text-soft:#D7C8C6; --muted:#B8A7A6; --muted-2:#938586;
  --font-t:'Bricolage Grotesque',sans-serif; --font-b:'Inter',sans-serif;
  --r:18px; --r-sm:12px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--grafite);color:var(--text);font-family:var(--font-b);font-size:16px;line-height:1.65;overflow-x:hidden;cursor:none}
body::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.cnt{max-width:1140px;margin:0 auto}
.cur{width:9px;height:9px;background:var(--magenta);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;box-shadow:0 0 10px var(--magenta-glow)}
.cur-f{width:34px;height:34px;border:1.5px solid rgba(255,10,120,.45);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transition:width .28s,height .28s,opacity .28s,border-color .28s}
.cur-f.h{width:52px;height:52px;border-color:var(--magenta);opacity:.65}

/* HEADER GLOBAL */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;padding:22px 56px;display:flex;align-items:center;justify-content:space-between;gap:26px;transition:background .4s,padding .4s,box-shadow .4s}
.site-header.sc{background:rgba(14,14,18,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:14px 56px;box-shadow:0 1px 0 rgba(255,255,255,.07)}
.site-logo img{height:38px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:32px}
.site-nav a{font-size:13px;color:var(--text-soft);text-decoration:none;font-weight:600;letter-spacing:.01em;transition:color .3s;cursor:none}
.site-nav a:hover{color:var(--nevoa)}
.nav-cta,.btn-p{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--magenta),var(--rosa));color:#fff;padding:12px 26px;border-radius:999px;font-family:var(--font-b);font-weight:800;font-size:14px;border:none;cursor:none;text-decoration:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.btn-p{padding:16px 36px;font-size:15px}
.nav-cta:hover,.btn-p:hover{transform:translateY(-3px);box-shadow:0 16px 44px var(--magenta-glow)}
.btn-s{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);color:var(--nevoa);padding:16px 30px;border-radius:999px;font-weight:700;font-size:15px;border:1px solid rgba(255,255,255,.18);cursor:none;text-decoration:none;transition:.3s}
.btn-s:hover{border-color:rgba(255,10,120,.55);color:var(--rose);transform:translateY(-2px)}
.mobile-menu-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mobile-menu-toggle span{width:20px;height:2px;background:var(--nevoa);display:block;border-radius:4px}

/* BASE */
section{padding:100px 56px;position:relative}
.lbl{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);margin-bottom:18px}
.lbl::before{content:"";display:block;width:18px;height:1px;background:var(--magenta)}
.ttl{font-family:var(--font-t);font-size:clamp(30px,4vw,54px);font-weight:800;color:var(--nevoa);line-height:1.08;letter-spacing:-.033em;margin-bottom:20px}
.sub{font-size:18px;color:var(--text-soft);font-weight:400;line-height:1.72;max-width:580px}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:150px 56px 110px;overflow:hidden;background:linear-gradient(150deg,var(--vinho-deep) 0%,var(--grafite) 60%)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,18,.95) 0%,rgba(14,14,18,.82) 46%,rgba(14,14,18,.38) 100%);z-index:0}
.hero-bg{position:absolute;inset:0;z-index:0;opacity:.22}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.08)}
.h-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1}
.h-orb-1{width:800px;height:700px;top:-200px;left:48%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(75,15,25,.9) 0%,transparent 70%)}
.h-orb-2{width:500px;height:500px;top:6%;right:-150px;background:radial-gradient(circle,rgba(255,10,120,.16) 0%,transparent 70%)}
.hero-inner{max-width:900px;text-align:center;position:relative;z-index:2}
.h-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,10,120,.14);border:1px solid rgba(255,214,222,.28);border-radius:100px;padding:7px 18px;font-size:12px;color:var(--rose);font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:34px;animation:fadeUp .7s ease both}
.h-badge .live{width:7px;height:7px;border-radius:50%;background:#55D66B;box-shadow:0 0 12px #55D66B}
.hero h1{font-family:var(--font-t);font-size:clamp(42px,7vw,82px);font-weight:800;line-height:1.02;color:var(--nevoa);margin-bottom:30px;letter-spacing:-.038em;animation:fadeUp .85s ease .1s both}
.hero h1 .grad{background:linear-gradient(90deg,var(--magenta),var(--rosa),#ff8fba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 100%;animation:grad-shift 4s ease infinite}
.hero-sub{font-size:clamp(18px,2vw,21px);color:var(--text);max-width:710px;margin:0 auto 50px;line-height:1.72;font-weight:400;animation:fadeUp .85s ease .2s both}
.hero-sub strong{color:var(--nevoa);font-weight:800}
.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:fadeUp .85s ease .3s both}
.wpp-icon{width:18px;height:18px}
.hero-scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}
.scroll-line{width:1px;height:44px;background:linear-gradient(180deg,rgba(255,10,120,.9),transparent);animation:scroll-anim 2s ease infinite}
.scroll-txt{font-size:11px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-weight:800}

/* TICKER */
.ticker{background:linear-gradient(90deg,var(--magenta),var(--rosa),var(--magenta));background-size:200% 100%;animation:gshift 6s linear infinite;overflow:hidden;padding:13px 0}
.t-track{display:flex;white-space:nowrap;animation:tick 35s linear infinite}
.t-item{display:inline-flex;align-items:center;gap:14px;padding:0 28px;font-family:var(--font-t);font-weight:800;font-size:12px;color:#fff;letter-spacing:.09em;text-transform:uppercase}
.t-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.5)}

/* CARDS/GRIDS */
.problema{background:var(--grafite)}
.prob-grid,.serv-grid,.seg-grid,.metrics-row,.testi-grid,.faq-grid{display:grid;gap:18px}
.prob-grid{grid-template-columns:repeat(3,1fr);margin-top:60px}
.prob-card,.serv-card,.seg-card,.metric,.tcard,.faq-item{background:var(--grafite2);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:34px;position:relative;overflow:hidden;transition:.35s}
.prob-card:hover,.serv-card:hover,.seg-card:hover,.tcard:hover,.faq-item:hover{transform:translateY(-6px);border-color:rgba(255,10,120,.32);box-shadow:0 24px 55px rgba(0,0,0,.42)}
.prob-num{font-family:var(--font-t);font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:18px;background:linear-gradient(135deg,var(--magenta),var(--rosa));-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.65}
.prob-title,.serv-name,.dif-title,.seg-title,.proc-title,.faq-q,.t-name{font-family:var(--font-t);color:var(--nevoa);font-weight:800;letter-spacing:-.02em}
.prob-title{font-size:20px;margin-bottom:10px}
.prob-desc,.serv-desc,.dif-text,.seg-sub,.proc-txt,.faq-a,.t-txt{color:var(--text-soft);font-size:14px;line-height:1.75;font-weight:400}

/* SERVICOS */
.servicos{background:var(--vinho-deep)}
.serv-intro{max-width:620px;margin-bottom:60px}
.serv-grid{grid-template-columns:repeat(3,1fr)}
.serv-card{text-decoration:none;display:block;background:linear-gradient(160deg,rgba(75,15,25,.75),var(--grafite2))}
.serv-icon-wrap{width:54px;height:54px;border-radius:15px;background:rgba(255,10,120,.13);border:1px solid rgba(255,10,120,.2);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:22px}
.serv-tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rose);margin-bottom:10px}
.serv-name{font-size:21px;margin-bottom:12px}
.serv-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:800;color:var(--rose);text-decoration:none}
.serv-card:hover .serv-link{gap:14px;color:var(--magenta)}

/* DIFERENCIAIS */
.diferenciais{background:var(--grafite)}
.dif-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.dif-list{display:flex;flex-direction:column;gap:0}
.dif-item{display:flex;gap:20px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.07);border-left:2px solid transparent;transition:.3s}
.dif-item:hover{background:rgba(255,10,120,.06);border-left-color:var(--magenta)}
.dif-icon{font-size:26px;min-width:40px}
.dif-title{font-size:18px;margin-bottom:6px}
.dif-visual{position:relative;min-height:560px}
.dif-photo{position:absolute;inset:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);opacity:.82}
.dif-photo img{width:100%;height:100%;object-fit:cover}
.dif-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,18,.1),rgba(14,14,18,.86))}
.dif-main-card{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:min(360px,86%);background:rgba(14,14,18,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,10,120,.22);border-radius:var(--r);padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.dmc-logo{height:42px;width:auto;object-fit:contain;margin-bottom:20px}
.dmc-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.dmc-lbl{color:var(--muted)}
.dmc-val{color:var(--nevoa);font-weight:800}
.dmc-val.ok{color:#65E47D}.dmc-val.hot{color:var(--rose)}
.dif-bubble{position:absolute;background:var(--grafite3);border:1px solid rgba(255,10,120,.2);border-radius:14px;padding:16px 20px;font-size:13px;color:var(--nevoa);font-weight:700;box-shadow:0 20px 40px rgba(0,0,0,.45);white-space:nowrap;animation:flt2 5.5s ease-in-out infinite}
.dif-bubble .bv{display:block;font-family:var(--font-t);font-size:22px;font-weight:800;color:var(--rose)}
.db1{top:8%;right:-12px}.db2{bottom:12%;left:-14px}

/* SEGMENTOS E PROVA */
.segmentos{background:var(--grafite2)}
.seg-header,.prova-header,.proc-header,.faq-header{text-align:center;margin-bottom:60px}
.seg-header .sub,.faq-header .sub{margin:0 auto;text-align:center}
.seg-grid{grid-template-columns:repeat(4,1fr)}
.seg-card{text-align:center;background:var(--grafite3)}
.seg-emoji{font-size:40px;margin-bottom:18px;display:block}
.seg-title{font-size:17px;margin-bottom:8px}
.prova{background:var(--vinho-deep)}
.metrics-row{grid-template-columns:repeat(4,1fr);margin-bottom:54px}
.metric{text-align:center;background:rgba(75,15,25,.55)}
.metric-num{font-family:var(--font-t);font-size:clamp(38px,4.5vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:10px;color:var(--rose)}
.metric-lbl{font-size:14px;color:var(--text-soft);font-weight:400}
.testi-grid{grid-template-columns:repeat(3,1fr)}
.t-stars{display:flex;gap:3px;margin-bottom:18px}.t-stars span{color:var(--magenta);font-size:13px}
.t-txt{margin-bottom:24px}.t-author{display:flex;align-items:center;gap:12px}
.t-av{width:38px;height:38px;border-radius:50%;background:var(--magenta-dim);border:1px solid rgba(255,10,120,.22);display:flex;align-items:center;justify-content:center;font-family:var(--font-t);font-weight:800;color:var(--rose)}
.t-role{font-size:12px;color:var(--muted)}

/* PROCESSO */
.processo{background:var(--grafite)}
.proc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.proc-step{text-align:center;padding:0 12px}
.proc-num{width:72px;height:72px;border-radius:50%;margin:0 auto 22px;background:linear-gradient(135deg,var(--vinho),var(--grafite3));border:1px solid rgba(255,10,120,.25);display:flex;align-items:center;justify-content:center;font-family:var(--font-t);font-size:22px;font-weight:800;color:var(--rose);transition:.35s}
.proc-step:hover .proc-num{transform:scale(1.08);box-shadow:0 0 0 4px rgba(255,10,120,.15)}
.proc-title{font-size:17px;margin-bottom:8px}

/* FAQ */
.faq{background:var(--grafite2)}
.faq-grid{grid-template-columns:repeat(2,1fr)}
.faq-item{padding:0}
.faq-q{padding:22px 24px;font-size:17px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:none}
.faq-q span{color:var(--rose);font-size:24px;transition:.3s}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;padding:0 24px;transition:max-height .45s ease,padding .3s}
.faq-item.open .faq-a{max-height:220px;padding:0 24px 22px}

/* CTA */
.cta-final{background:linear-gradient(160deg,var(--vinho-deep),var(--grafite) 58%);text-align:center;padding:140px 56px;overflow:hidden}
.cta-final::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:720px;height:500px;background:radial-gradient(ellipse,rgba(255,10,120,.12),transparent 70%);pointer-events:none}
.cta-final h2{font-family:var(--font-t);font-size:clamp(34px,5.5vw,68px);font-weight:800;color:var(--nevoa);letter-spacing:-.035em;line-height:1.06;margin-bottom:22px;position:relative;z-index:1}
.cta-final h2 em{font-style:normal;color:var(--rose)}
.cta-final p{font-size:18px;color:var(--text);font-weight:400;max-width:540px;margin:0 auto 44px;line-height:1.7;position:relative;z-index:1}

/* FOOTER GLOBAL */
.site-footer{background:var(--vinho-deep);border-top:1px solid rgba(255,10,120,.16);padding:58px 56px 38px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:42px}
.footer-brand img{height:42px;width:auto;margin-bottom:18px}
.footer-brand p,.footer-col span{font-size:13px;color:var(--text-soft);line-height:1.75;max-width:330px}
.footer-legal{margin-top:18px;color:var(--rose)!important}
.footer-col h4{font-family:var(--font-t);font-size:13px;font-weight:800;color:var(--nevoa);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.footer-col a,.footer-col span{display:block;font-size:13px;color:var(--text-soft);text-decoration:none;margin-bottom:10px;transition:color .3s;cursor:none}
.footer-col a:hover{color:var(--rose)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.footer-bottom p{font-size:12px;color:var(--muted)}
.footer-whatsapp{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--rose);text-decoration:none;font-weight:800}
.footer-whatsapp img{width:18px;height:18px}

/* ANIMAÇÕES */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes grad-shift{0%,100%{background-position:0%}50%{background-position:100%}}
@keyframes scroll-anim{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1}100%{opacity:0;transform:scaleY(1);transform-origin:bottom}}
@keyframes gshift{0%{background-position:0%}100%{background-position:200%}}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes flt2{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
.rv{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s ease}
.rv.on{opacity:1;transform:translateY(0)}
.rv-1{transition-delay:.08s}.rv-2{transition-delay:.16s}.rv-3{transition-delay:.24s}

/* RESPONSIVO */
@media(max-width:1000px){
  body{cursor:auto}.cur,.cur-f{display:none}
  .site-header,.site-header.sc{padding:14px 24px}
  .site-nav{position:absolute;top:72px;left:24px;right:24px;background:rgba(14,14,18,.96);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;display:none;flex-direction:column;align-items:flex-start;gap:16px}
  .site-nav.open{display:flex}
  .mobile-menu-toggle{display:flex}
  .nav-cta{display:none}
  section{padding:76px 24px}
  .hero{padding:130px 24px 90px}
  .prob-grid,.serv-grid,.seg-grid,.metrics-row,.testi-grid,.proc-steps,.faq-grid,.footer-grid{grid-template-columns:1fr}
  .dif-inner{grid-template-columns:1fr;gap:48px}
  .dif-visual{min-height:450px}
  .footer-bottom{flex-direction:column;text-align:center}
  .site-footer{padding:48px 24px 34px}
}
