:root{--p:#5b3cf5;--p2:#7a5cff;--lime:#d8f25a;--ink:#16141f;--muted:#5b5868;--bg:#fff;--soft:#efeaff;--line:rgba(22,20,31,.1);--wrap:1000px}
body{background:var(--bg);color:var(--ink);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:16px;line-height:1.6}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.logo{display:inline-flex;align-items:center;gap:.4rem;color:var(--p);font-weight:600;font-size:1.75rem;letter-spacing:-.03em;white-space:nowrap}
.logo svg{width:1.6rem;height:1.6rem}
.kick{display:inline-block;padding:.3rem .8rem;border-radius:999px;background:var(--soft);color:var(--p);font-size:.8rem;font-weight:600}

.hd{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,box-shadow .4s}
.hd.is-scrolled{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.hd__in{display:flex;align-items:center;gap:1rem;height:88px;width:min(1080px,100% - 40px)}
.hd__nav{display:flex;align-items:center;gap:2.4rem;margin-left:auto;font-size:.95rem;color:#3a3846}
.hd__nav>a,.dd>button{transition:color .25s}
.hd__nav>a:hover,.dd>button:hover,.hd__nav a.is-on{color:var(--p)}
.dd{position:relative}
.dd>button i{font-style:normal;font-size:.8rem;margin-left:.2rem;display:inline-block;transition:transform .3s}
.dd:hover>button i{transform:rotate(180deg)}
.dd__menu{position:absolute;top:calc(100% + 12px);left:-16px;min-width:210px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 24px 50px -20px rgba(40,20,120,.35);display:grid;opacity:0;transform:translateY(8px);pointer-events:none;transition:.3s}
.dd__menu::before{content:"";position:absolute;inset:-14px 0 auto;height:14px}
.dd:hover .dd__menu,.dd:focus-within .dd__menu{opacity:1;transform:none;pointer-events:auto}
.dd__menu a{padding:.55rem .7rem;border-radius:8px}
.dd__menu a:hover{background:var(--soft);color:var(--p)}
.talk{display:inline-flex;align-items:center;margin-left:2.2rem;height:46px;border-radius:999px;background:var(--p);color:#fff;font-weight:600;font-size:.95rem;padding-left:1.3rem;box-shadow:0 12px 26px -12px rgba(91,60,245,.8)}
.talk span{padding-right:.8rem}
.talk i{display:grid;place-items:center;width:46px;height:46px;margin-right:-24px;border-radius:50%;background:#fff;color:var(--ink);font-style:normal;box-shadow:0 6px 16px -6px rgba(0,0,0,.35);transition:transform .4s}
.talk:hover i{transform:rotate(-45deg)}
.hd__burger{display:none;margin-left:auto;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.hd__burger span{width:20px;height:2px;background:var(--ink)}
.kit-drawer__panel{background:#fff;color:var(--ink)}
.drawer-x{align-self:flex-end;font-size:2rem;width:44px;height:44px}

.hero{position:relative;padding:150px 0 50px;overflow:hidden}
.grid-bg{position:absolute;inset:0 0 35%;background-image:linear-gradient(rgba(91,60,245,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(91,60,245,.12) 1px,transparent 1px);background-size:56px 56px;background-color:#e9e3ff;-webkit-mask:linear-gradient(#000 20%,transparent);mask:linear-gradient(#000 20%,transparent)}
.grid-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 30% 20%,rgba(255,255,255,.7),transparent)}
.hero__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.hero__h{font-weight:500;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1.2;letter-spacing:-.025em;margin-top:.6rem}
.hero__p{margin-top:2rem;color:var(--muted);max-width:44ch;font-size:.96rem}
.go{display:inline-flex;align-items:center;height:46px;border-radius:999px;background:var(--p);color:#fff;font-weight:600;font-size:.95rem;padding:0 4px 0 1.3rem;gap:.8rem;margin-top:2rem;box-shadow:0 12px 26px -12px rgba(91,60,245,.8)}
.go i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ink);font-style:normal;transition:transform .4s}
.go:hover i{transform:rotate(45deg)}
.go--sm{margin-top:0}
.go--white{background:#fff;color:var(--p)}.go--white i{background:var(--p);color:#fff}
.go--line{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.go--line i{background:var(--soft)}
.pts{display:flex;gap:1.6rem;margin-top:3.3rem}
.pts li{position:relative;font-weight:500;line-height:1.3;font-size:1.05rem}
.pts li+li::before{content:"/";position:absolute;left:-1.2rem;top:1.6rem;color:#9a96a8}
.pts small{display:block;color:var(--p);font-size:.78rem;margin-bottom:.3rem}
.hero__vis{position:relative;min-height:520px}
.photo{position:relative;height:440px;border-radius:24px 24px 24px 24px;background:linear-gradient(160deg,#9a87ff,#5b3cf5 55%,#4b2ce0);overflow:hidden;clip-path:path("M0 24 Q0 0 24 0 H436 Q460 0 460 24 V416 Q460 440 436 440 H180 Q150 440 140 420 L120 380 Q110 360 80 360 H24 Q0 360 0 336Z")}
.photo__art{position:absolute;inset:0}
.o{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.35)}
.o1{width:520px;height:520px;left:10%;top:20%}.o2{width:360px;height:360px;left:28%;top:32%;border-color:rgba(255,255,255,.25)}.o3{width:200px;height:200px;left:44%;top:44%;background:radial-gradient(circle at 35% 30%,#fff,#c7baff 30%,#7a5cff 70%);border:0;box-shadow:0 30px 80px rgba(30,10,120,.6)}
.beam2{position:absolute;left:-20%;top:60%;width:140%;height:120px;background:linear-gradient(90deg,transparent,rgba(216,242,90,.55),transparent);transform:rotate(-24deg);filter:blur(20px)}
.photo__img{position:absolute;inset:0;background-size:cover;background-position:center top}
.chip{position:absolute;top:16px;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;background:var(--lime);color:var(--ink);font-size:.88rem;font-weight:500;box-shadow:0 10px 20px -10px rgba(0,0,0,.4)}
.chip svg{width:18px;height:18px}
.ch1{left:14px}.ch2{left:236px}
.rev{position:absolute;right:-30px;top:274px;width:276px;padding:20px 22px;border-radius:18px;background:#fff;box-shadow:0 30px 60px -24px rgba(40,20,120,.35)}
.rev__top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.rev__av{display:flex}
.rev__av span,.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 55% 45%),hsl(calc(var(--h) + 30) 60% 28%));border:2px solid #fff}
.rev__av span+span{margin-left:-12px}
.rev__top p{font-size:1.15rem;line-height:1.25;text-align:right}
.rev__top b{font-weight:500}
.stars{color:#ff9f1a;font-size:1.25rem;letter-spacing:2px;margin-top:.6rem}
.rev__q{font-size:.9rem;color:#3b3946;margin-top:.4rem}
.brands{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.6rem;margin-top:1.4rem;padding-top:1.6rem}
.br{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:1.45rem;letter-spacing:-.02em;color:#1d1b25}
.br svg{width:28px;height:28px}
.br--caps{font-size:1.1rem;letter-spacing:.02em}

section{position:relative}
.head{max-width:640px;margin-bottom:3rem}
.head--c{margin-inline:auto;text-align:center}
.head--row{display:flex;justify-content:space-between;align-items:flex-end;max-width:none}
.head h2,.sobre h2,.depo h2,.faq h2{margin-top:.9rem;font-weight:500;font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15;letter-spacing:-.025em}

.sobre{padding:110px 0;background:#faf9ff}
.sobre__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}
.sobre p{margin-top:1rem;color:var(--muted)}
.sobre__card{padding:34px;border-radius:26px;background:var(--p);color:#fff;box-shadow:0 40px 80px -40px rgba(91,60,245,.9)}
.sobre__card b{font-size:3.2rem;font-weight:600;letter-spacing:-.03em}
.sobre__card p{color:rgba(255,255,255,.85);margin-top:.2rem}
.bars{display:flex;align-items:flex-end;gap:10px;height:140px;margin-top:2rem}
.bars i{flex:1;height:var(--v);border-radius:8px 8px 4px 4px;background:linear-gradient(var(--lime),rgba(216,242,90,.35));transform-origin:bottom}
.sobre__nums{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.sobre__nums b{display:block;font-size:2.4rem;font-weight:600;color:var(--p);letter-spacing:-.03em}
.sobre__nums span{color:var(--muted);font-size:.9rem}

.servicos{padding:110px 0}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sv{position:relative;padding:28px;border-radius:22px;background:#f6f4ff;border:1px solid transparent;overflow:hidden;transition:background .4s,color .4s,transform .4s}
.sv::after{content:"";position:absolute;width:220px;height:220px;right:-80px;bottom:-80px;border-radius:50%;background:radial-gradient(circle,var(--lime),transparent 70%);opacity:0;transition:opacity .4s}
.sv:hover{background:var(--p);color:#fff;transform:translateY(-6px)}
.sv:hover::after{opacity:.5}
.sv__n{font-size:.8rem;font-weight:700;color:var(--p);transition:color .4s}
.sv:hover .sv__n{color:var(--lime)}
.sv h3{margin-top:2.6rem;font-size:1.3rem;font-weight:600}
.sv p{margin-top:.3rem;color:var(--muted);font-size:.93rem;transition:color .4s}
.sv:hover p{color:rgba(255,255,255,.85)}
.sv i{position:absolute;top:22px;right:22px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);font-style:normal;transition:transform .4s}
.sv:hover i{transform:rotate(45deg)}

.cases{padding:110px 0;background:var(--ink);color:#fff;overflow:hidden}
.cases .kick{background:rgba(255,255,255,.1);color:var(--lime)}
.cases__row{display:flex;gap:18px;padding-inline:max(20px,calc((100vw - var(--wrap))/2));width:max-content}
.cs{width:min(380px,78vw)}
.cs__vis{position:relative;height:420px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:26px}
.cs__vis b{font-size:3.4rem;font-weight:600;letter-spacing:-.04em;line-height:1}
.cs__vis span{opacity:.85}
.v1{background:radial-gradient(70% 60% at 70% 20%,#ffb3d1,transparent),linear-gradient(160deg,#ff5e9a,#8b2bff)}
.v2{background:radial-gradient(70% 60% at 30% 20%,#ffe5a1,transparent),linear-gradient(160deg,#ff9d2e,#c2410c)}
.v3{background:radial-gradient(70% 60% at 70% 20%,#c4f7ff,transparent),linear-gradient(160deg,#21b6d6,#145ea8)}
.v4{background:radial-gradient(70% 60% at 30% 20%,#efffb0,transparent),linear-gradient(160deg,#8bd13f,#1f7a45)}
.cs h3{margin-top:1rem;font-size:1.2rem;font-weight:600}
.cs p{color:rgba(255,255,255,.6)}

.depo{padding:110px 0}
.depo__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}
.depo__ctl{display:flex;gap:.6rem;margin-top:2rem}
.depo__ctl button{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);font-size:1.2rem;transition:background .3s,color .3s}
.depo__ctl button:hover{background:var(--p);color:#fff}
.depo__view{overflow:hidden;border-radius:24px}
.depo__track{display:flex;transition:transform .8s cubic-bezier(.7,0,.2,1)}
.dq{flex:0 0 100%;padding:36px;border-radius:24px;background:#f6f4ff}
.dq blockquote{margin-top:1rem;font-size:1.35rem;line-height:1.45;font-weight:500}
.dq figcaption{display:flex;align-items:center;gap:.8rem;margin-top:1.8rem}
.dq b{display:block}.dq small{color:var(--muted)}
.av{border:0}

.planos{padding:110px 0;background:#faf9ff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.plan{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:24px;background:#fff;border:1px solid var(--line)}
.plan--hot{background:var(--p);color:#fff;border-color:var(--p)}
.pl-tag{position:absolute;top:22px;right:22px;padding:.25rem .7rem;border-radius:999px;background:var(--lime);color:var(--ink);font-size:.75rem;font-weight:700}
.plan h3{font-size:1.15rem;font-weight:600}
.pp{margin:.8rem 0 1.4rem;font-size:2.2rem;font-weight:600;letter-spacing:-.03em}
.pp small{font-size:.9rem;opacity:.65;font-weight:500}
.plan ul{display:grid;gap:.55rem;margin-bottom:2rem}
.plan li::before{content:"✓ ";color:var(--p);font-weight:700}
.plan--hot li::before{color:var(--lime)}
.plan .go{margin-top:auto;align-self:flex-start}

.faq{padding:110px 0}
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}
.acc summary{font-size:1.1rem}
.acc__icon{background:var(--soft);color:var(--p);font-size:1.2rem}
.faq details[open] .acc__icon{background:var(--p);color:#fff}

.cta{padding:90px 0 100px;background:var(--p);color:#fff;overflow:hidden}
.big span{font-size:clamp(3rem,9vw,7.5rem);font-weight:600;letter-spacing:-.04em;white-space:nowrap;line-height:1.1}
.cta__in{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:2.4rem}
.cta__in p{max-width:42ch;color:rgba(255,255,255,.85)}
.cta__in .go{margin-top:0}
.ft{padding:30px 0;border-top:1px solid var(--line)}
.ft__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.ft nav{display:flex;gap:1.4rem}

@media (max-width:1100px){.rev{right:0}}
@media (max-width:980px){
  .hd__nav,.talk{display:none}.hd__burger{display:flex}
  .hero__grid,.sobre__grid,.depo__grid,.faq__grid{grid-template-columns:1fr}
  .hero__vis{max-width:480px}
  .sgrid,.plans{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .hero{padding-top:120px}
  .photo{height:380px;clip-path:none}.ch2{left:14px;top:62px}
  .rev{position:relative;right:auto;top:auto;margin:-60px 0 0 auto;width:min(276px,90%)}
  .hero__vis{min-height:0}
  .pts{gap:1.2rem;font-size:.9rem}.pts li{font-size:.92rem}
  .sgrid,.plans{grid-template-columns:1fr}
  .head--row{flex-direction:column;align-items:flex-start;gap:1rem}
  .brands{justify-content:center}.br{font-size:1.1rem}
}