*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#0A0A0B;
  --bg-2:#121215;
  --bg-3:#1A1A1F;
  --gold:#D4A24E;
  --gold-bright:#EBBC71;
  --gold-dim:rgba(212,162,78,.14);
  --text:#F5F5F3;
  --muted:#9C9CA4;
  --dim:#65656D;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{max-width:1140px;margin:0 auto;padding:0 2rem}

/* shared section atoms */
.kicker{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.4rem;
}
.h-sec{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:700;letter-spacing:-.03em;line-height:1.07;
  font-size:clamp(2rem,4.4vw,3.3rem);
}
.h-sec em{font-style:normal;color:var(--gold)}
.lead{color:var(--muted);font-size:1.08rem;line-height:1.75;max-width:60ch}

/* buttons */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font-weight:600;font-size:.95rem;text-decoration:none;
  padding:1.05rem 2rem;border-radius:6px;cursor:pointer;border:none;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
  letter-spacing:.01em;
}
.btn-gold{
  background:linear-gradient(135deg,var(--gold-bright),var(--gold));
  color:#1a1306;box-shadow:0 8px 30px rgba(212,162,78,.25);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(212,162,78,.38)}
.btn:disabled{cursor:wait;opacity:.72;transform:none;box-shadow:none}
.btn-line{background:transparent;color:var(--text);border:1px solid var(--line-strong)}
.btn-line:hover{border-color:var(--gold);color:var(--gold-bright);transform:translateY(-2px)}
.btn-lg{padding:1.2rem 2.4rem;font-size:1rem}

/* NAV */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;height:70px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 2.4rem;transition:background .3s,border-color .3s,backdrop-filter .3s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{background:rgba(10,10,11,.85);backdrop-filter:blur(16px);border-bottom-color:var(--line)}
.nav-logo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.15rem;color:var(--text);text-decoration:none;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.65rem}
.nav-logo b{color:var(--gold)}
.brand-mark{width:27px;height:27px;display:inline-grid;place-items:center;border:1px solid rgba(212,162,78,.5);border-radius:7px;transform:rotate(45deg);background:rgba(212,162,78,.08);box-shadow:inset 0 0 18px rgba(212,162,78,.06)}
.brand-mark::after{content:'';width:8px;height:8px;border-radius:2px;background:var(--gold);box-shadow:0 0 16px rgba(235,188,113,.55)}
.brand-mark::after{transform:rotate(-45deg)}
.nav-menu{display:flex;align-items:center;gap:1.15rem;list-style:none}
.nav-menu a{font-size:.78rem;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s}
.nav-menu a:hover{color:var(--text)}
.nav-cta{padding:.65rem 1.3rem;background:var(--gold-dim);border:1px solid rgba(212,162,78,.35);border-radius:5px;color:var(--gold-bright)!important;font-weight:600!important}
.nav-cta:hover{background:rgba(212,162,78,.22)}
.nav-member{padding:.58rem .9rem;border:1px solid rgba(53,224,111,.38);border-radius:5px;background:rgba(53,224,111,.1);color:#75EC9A!important;font-weight:700!important}
.nav-member:hover{background:rgba(53,224,111,.17);border-color:rgba(53,224,111,.6)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:105px 0 64px;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(212,162,78,.1),transparent 34%),var(--bg)}
.hero-bg{position:absolute;z-index:0;top:105px;right:clamp(1.5rem,4vw,4.5rem);bottom:64px;left:50%;overflow:hidden;border:1px solid rgba(212,162,78,.24);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,7% 83%);box-shadow:0 30px 70px rgba(0,0,0,.52)}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-bg::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,11,.72) 0%,rgba(10,10,11,.14) 42%,rgba(10,10,11,.3) 100%);
}
.hero-inner{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:0 2rem;width:100%}
.hero-content{width:min(48%,610px)}
.hero-main{display:block}
.hero-copy{min-width:0}
.hero h1{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:clamp(2.65rem,4.5vw,4rem);line-height:1.03;letter-spacing:-.035em;margin-bottom:1.25rem;max-width:900px;
}
@media(min-width:921px){
  .hero .kicker{display:block;white-space:nowrap;font-size:.66rem;letter-spacing:.15em;margin-bottom:1.8rem}
}
.hero h1 em{font-style:normal;color:var(--gold);position:relative}
.hero-sub{font-size:clamp(1rem,1.5vw,1.12rem);color:#C9C9CF;line-height:1.65;max-width:620px;margin-bottom:1.7rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.7rem}
.hero-trust{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}
.hero-trust-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.hero-trust-items{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.hero-trust-items span{font-size:.92rem;font-weight:600;color:var(--muted)}
.tdot{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.6}

.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--dim);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.scroll-hint .mouse{width:22px;height:34px;border:1.5px solid var(--line-strong);border-radius:12px;position:relative}
.scroll-hint .mouse::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:7px;background:var(--gold);border-radius:2px;animation:scrolly 1.6s ease infinite}
@keyframes scrolly{0%{opacity:0;top:6px}40%{opacity:1}80%{opacity:0;top:16px}100%{opacity:0}}

/* HERO VIDEO */
.hero-video{
  position:relative;width:100vw;aspect-ratio:16/9;margin:0 0 1.5rem calc(-1 * max(2rem, calc((100vw - 1140px)/2 + 2rem)));border-radius:0;overflow:hidden;
  border:1px solid var(--line);cursor:pointer;
  box-shadow:0 20px 54px rgba(0,0,0,.55);
}
.hero-video[hidden],.hero-video[data-video-enabled="false"]{display:none!important}
.hero-video img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.55)}
.vsl-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;background:rgba(10,10,11,.22);transition:background .3s}
.hero-video:hover .vsl-overlay{background:rgba(10,10,11,.1)}
.play{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(212,162,78,.5);transition:transform .3s}
.hero-video .play{width:58px;height:58px}
.hero-video .play svg{width:22px;height:22px}
.hero-video:hover .play{transform:scale(1.06)}
.play svg{width:30px;height:30px;margin-left:4px;fill:#1a1306}
.vsl-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#E8E8EC;font-weight:600;background:rgba(0,0,0,.46);padding:.35rem .75rem;border-radius:100px;backdrop-filter:blur(4px)}

/* PROBLEM */
.problem{padding:6.5rem 0;background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.problem-head{max-width:720px;margin-bottom:3.5rem}
.problem-head .h-sec{margin-bottom:1.2rem}
.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.pain{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:1.8rem;display:flex;gap:1.1rem;align-items:flex-start;transition:border-color .25s,transform .25s}
.pain:hover{border-color:rgba(212,162,78,.4);transform:translateY(-3px)}
.pain-x{flex-shrink:0;width:34px;height:34px;border-radius:8px;background:rgba(232,90,90,.12);color:#E85A5A;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}
.pain p{font-size:.98rem;color:#D4D4D8;line-height:1.6}
.pain p b{color:var(--text);font-weight:600}
.problem-bridge{text-align:center;margin-top:3.5rem;font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:600;letter-spacing:-.02em;color:var(--text)}
.problem-bridge b{color:var(--gold)}

/* STORY */
.story{padding:7rem 0;background:var(--bg)}
.story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:4.5rem;align-items:center}
.story-img{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line)}
.story-img img{width:100%;height:100%;object-fit:cover}
.story-img::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,11,.5),transparent 50%)}
.story-badge{position:absolute;bottom:1.4rem;left:1.4rem;right:1.4rem;z-index:1;background:rgba(10,10,11,.6);backdrop-filter:blur(10px);border:1px solid var(--line-strong);border-radius:10px;padding:1rem 1.2rem}
.story-badge .num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.6rem;color:var(--gold);line-height:1}
.story-badge .txt{font-size:.82rem;color:var(--muted);margin-top:.2rem}
.story-content .h-sec{margin-bottom:1.6rem}
.story-content p{color:#C4C4CA;margin-bottom:1.2rem;font-size:1.04rem;line-height:1.8}
.story-content p b{color:var(--text);font-weight:600}
.story-sign{margin-top:2rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.15rem;color:var(--gold)}

/* SOLUTION INTRO */
.solution{padding:6rem 0;background:var(--bg-2);border-top:1px solid var(--line);text-align:center}
.solution .h-sec{max-width:880px;margin:0 auto 1.4rem}
.solution .lead{margin:0 auto}

/* SERVICES */
.services{padding:6.5rem 0 7rem;background:var(--bg-2)}
.svc-head{text-align:center;margin-bottom:3.5rem}
.svc-head .kicker{justify-content:center}
.checkout-status{min-height:1.5rem;margin-top:1.5rem;text-align:center;color:var(--muted);font-size:.9rem}
.checkout-status.success{color:#86EFAC}
.checkout-status.error{color:#FCA5A5}
.svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}
@keyframes cardZoomIn{
  from{opacity:0;transform:translate(-50%,-50%) scale(.82)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes cardZoomOut{
  from{opacity:1;transform:translate(-50%,-50%) scale(1)}
  to{opacity:0;transform:translate(-50%,-50%) scale(.88)}
}
@keyframes cardMobileIn{
  from{opacity:0;transform:scale(.975)}
  to{opacity:1;transform:scale(1)}
}
@keyframes cardMobileOut{
  from{opacity:1;transform:scale(1)}
  to{opacity:0;transform:scale(.985)}
}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
@keyframes backdropOut{from{opacity:1}to{opacity:0}}
.svc{
  display:flex;flex-direction:column;min-height:100%;
  background:var(--bg);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  transition:border-color .3s,box-shadow .3s;
  cursor:zoom-in;
}
.svc:hover{border-color:rgba(212,162,78,.46);box-shadow:0 20px 58px rgba(0,0,0,.3)}
.svc:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.svc-focus-close{
  display:none;position:absolute;top:.9rem;right:.9rem;z-index:4;width:42px;height:42px;
  border:1px solid var(--line-strong);border-radius:10px;background:rgba(10,10,11,.86);
  color:var(--text);font-size:1.35rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px)
}
.card-backdrop{display:none;position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.82);border:0;cursor:zoom-out;backdrop-filter:blur(7px)}
.card-backdrop.open{display:block;animation:backdropIn .25s ease both}
.card-backdrop.closing{animation:backdropOut .22s ease both}
body.card-focus-open{overflow:hidden}
.svc.is-focused,.svc.rv.in.is-focused{
  position:fixed;z-index:200;inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:min(720px,calc(100vw - 2rem));min-height:0;max-height:calc(100dvh - 2rem);overflow-y:auto;
  cursor:default;border-color:rgba(212,162,78,.72);box-shadow:0 35px 120px rgba(0,0,0,.8);
  animation:cardZoomIn .3s cubic-bezier(.22,1,.36,1) both
}
.svc.is-closing{animation:cardZoomOut .22s ease both!important}
.svc.is-focused:hover,.svc.rv.in.is-focused:hover{transform:translate(-50%,-50%)}
.svc.is-focused .svc-focus-close{display:block}
.svc.is-focused .svc-media{height:300px;flex:0 0 auto}
.svc.is-focused .svc-body{padding:2rem}
.svc.is-focused .svc-side{
  position:sticky;bottom:0;z-index:3;padding:1.35rem 2rem 2rem;
  background:rgba(10,10,11,.97);box-shadow:0 -18px 34px rgba(0,0,0,.55);
  backdrop-filter:blur(12px)
}
.svc-media{position:relative;width:100%;height:230px;background:var(--bg-3);overflow:hidden}
.svc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.svc-media--websites img{object-position:58% 44%}
.svc-media--systems img{object-position:58% 52%}
.svc-media--growth img{object-position:61% 50%}
.svc-media--strategy img{object-position:53% 52%}
.svc-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(10,10,11,.05) 55%,rgba(10,10,11,.08) 100%)}
.svc-body{padding:1.8rem 1.8rem 1.1rem;flex:1}
.svc-tag{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:.7rem}
.svc-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.55rem;letter-spacing:-.02em;margin-bottom:.7rem}
.svc-desc{color:var(--muted);font-size:.98rem;line-height:1.7;margin-bottom:1.3rem;max-width:52ch}
.svc-feats{display:flex;flex-wrap:wrap;gap:.5rem}
.svc-feats span{font-size:.8rem;color:#C4C4CA;background:var(--bg-3);border:1px solid var(--line);padding:.35rem .85rem;border-radius:100px}
.svc-page-link{display:inline-block;margin-top:1.15rem;color:var(--gold-bright);font-size:.82rem;font-weight:700;text-decoration:none}
.svc-page-link:hover{text-decoration:underline}
.svc-conditions{
  display:none;margin-top:1.5rem;padding:1.15rem 1.2rem;border:1px solid rgba(212,162,78,.25);
  border-radius:12px;background:linear-gradient(135deg,rgba(212,162,78,.1),rgba(212,162,78,.035))
}
.svc.is-focused .svc-conditions{display:block}
.svc-conditions strong{
  display:block;margin-bottom:.45rem;color:var(--gold-bright);font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase
}
.svc-conditions p{color:#C4C4CA;font-size:.9rem;line-height:1.65}
.svc-side{padding:1.25rem 1.8rem 1.8rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line)}
.svc-price small{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:.2rem}
.svc-price .v{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.75rem;color:var(--text);line-height:1}
.svc-price .v span{font-size:.95rem;color:var(--muted);font-weight:600}
.svc-side .btn{padding:.8rem 1.25rem;font-size:.88rem;white-space:nowrap}

/* METHOD */
.method{padding:7rem 0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.method-head{max-width:720px;margin-bottom:3.5rem}
.method-head .h-sec{margin-bottom:1.2rem}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.method-step{position:relative;padding:1.8rem;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;min-height:235px;overflow:hidden}
.method-step::after{content:'';position:absolute;right:-45px;bottom:-55px;width:140px;height:140px;border:1px solid rgba(212,162,78,.18);border-radius:50%}
.method-num{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.14em;color:var(--gold);margin-bottom:2.1rem}
.method-step h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.35rem;line-height:1.1;margin-bottom:.8rem}
.method-step p{color:var(--muted);font-size:.93rem;line-height:1.65}

/* SECTOR SOLUTIONS */
.services{padding:7rem 0;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.services .section-head{max-width:760px;margin-bottom:3.5rem}
.services .section-head .h-sec{margin-bottom:1.2rem}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}
.svc-card{
  position:relative;min-width:0;min-height:290px;padding:2rem;
  background:var(--bg-2);border:1px solid var(--line);border-radius:14px;
  overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.svc-card::after{
  content:'';position:absolute;right:-58px;bottom:-70px;width:170px;height:170px;
  border:1px solid rgba(212,162,78,.16);border-radius:50%;pointer-events:none;
}
.svc-card:hover{border-color:rgba(212,162,78,.5);transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.22)}
.svc-main{position:relative;z-index:1;display:flex;min-height:100%;flex-direction:column;align-items:flex-start}
.svc-kicker{
  display:block;margin-bottom:1.7rem;color:var(--gold);font-family:'Bricolage Grotesque',sans-serif;
  font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
.svc-card h3{margin:0 0 .8rem;color:var(--text);font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:700;line-height:1.12;letter-spacing:-.02em}
.svc-card p{margin:0 0 1.8rem;color:var(--muted);font-size:1rem;line-height:1.65}
.svc-card .btn{margin-top:auto}
.btn-outline{background:transparent;color:var(--gold-bright);border:1px solid rgba(212,162,78,.42)}
.btn-outline:hover{background:var(--gold-dim);border-color:var(--gold);color:var(--gold-bright);transform:translateY(-2px)}

/* PROOF */
.proof{padding:7rem 0;background:var(--bg);position:relative;overflow:hidden}
.proof::before{content:'';position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,162,78,.08),transparent 65%);z-index:0}
.proof-inner{position:relative;z-index:1}
.proof-head{text-align:center;margin-bottom:4rem}
.proof-head .kicker{justify-content:center}
.proof-head .h-sec{max-width:760px;margin:0 auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-bottom:4rem}
.stat{text-align:center;padding:2rem 1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:14px}
.stat .n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2rem,4vw,2.8rem);color:var(--gold);line-height:1;letter-spacing:-.02em}
.stat .l{font-size:.86rem;color:var(--muted);margin-top:.6rem}
.clients-block{display:grid;grid-template-columns:minmax(300px,.72fr) 1.7fr;gap:3.5rem;align-items:center;margin-top:1rem;padding:3rem 0}
.clients-intro{align-self:center}
.clients-label{color:var(--gold-bright);font-size:.68rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;margin-bottom:2.6rem}
.clients-label::after{content:'';display:block;width:48px;border-top:2px solid var(--gold);margin-top:2rem}
.clients-intro h3{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2.4rem,3.65vw,3.65rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:1.5rem;max-width:11ch}
.clients-intro h3 em{font-style:normal;color:var(--gold)}
.clients-intro p{color:var(--muted);font-size:1.02rem;line-height:1.75;max-width:32ch}
.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:.85rem}
.project-card{display:flex;flex-direction:column;height:100%;min-width:0;background:#111114;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.project-card:hover{transform:translateY(-4px);border-color:rgba(212,162,78,.36);box-shadow:0 18px 46px rgba(0,0,0,.34)}
.project-logo{height:122px;display:flex;align-items:center;justify-content:center;padding:1rem;background:#f2f2ee;border-bottom:1px solid var(--line);overflow:hidden}
.project-logo img{width:100%;height:100%;object-fit:contain}
.project-logo--artwork{padding:0}
.project-logo--artwork img{object-fit:cover}
.project-logo--dark{background:#050505}
.project-logo--navy{background:#0b222a}
.project-logo--burgundy{background:#40100d;padding:.75rem}
.project-logo--predial img{transform:scale(2.15)}
.project-logo--car7 img{transform:scale(1.1)}
.project-logo--kingboss{background:#050505;padding:.35rem}
.project-logo--kingboss img{object-fit:contain;transform:scale(1.14)}
.project-info{flex:1;padding:.9rem .9rem 1rem}
.project-name{display:block;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.96rem;line-height:1.2;letter-spacing:-.015em;color:#F1F1F2;margin-bottom:.35rem}
.project-work{display:block;color:#88888F;font-size:.6rem;line-height:1.45;letter-spacing:.075em;text-transform:uppercase;overflow-wrap:anywhere}

/* TESTIMONIALS */
.testimonials{padding:6.5rem 0;background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.testimonials-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:end;margin-bottom:3rem}
.testimonials-head .h-sec{max-width:13ch}
.testimonials-intro{color:var(--muted);font-size:1.02rem;line-height:1.75;max-width:54ch;justify-self:end}
.testimonial-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:1rem}
.testimonial-featured,.testimonial-compact{position:relative;display:flex;flex-direction:column;min-height:320px;padding:1.65rem;background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.testimonial-featured::before{content:'“';position:absolute;top:-1.5rem;right:1.2rem;font-family:'Bricolage Grotesque',sans-serif;font-size:11rem;line-height:1;color:rgba(212,162,78,.09)}
.testimonial-featured blockquote,.testimonial-compact blockquote{position:relative;z-index:1;color:#D7D7DC;font-family:'Bricolage Grotesque',sans-serif;font-size:1.06rem;line-height:1.65;letter-spacing:-.012em;margin-bottom:1.4rem}
.testimonial-person{display:flex;align-items:center;gap:.85rem;margin-top:auto}
.testimonial-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(235,188,113,.2),rgba(212,162,78,.06));border:1px solid rgba(212,162,78,.32);color:var(--gold-bright);font-family:'Bricolage Grotesque',sans-serif;font-size:.83rem;font-weight:800;letter-spacing:.04em}
.testimonial-meta strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:1rem;line-height:1.2}
.testimonial-meta span{display:block;color:var(--dim);font-size:.72rem;line-height:1.45;margin-top:.15rem}
.testimonial-service{display:inline-block;color:var(--gold);font-size:.63rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.testimonial-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}
.testimonial-stars{color:var(--gold-bright);font-size:.92rem;letter-spacing:.13em;line-height:1;text-shadow:0 0 18px rgba(235,188,113,.2)}

/* ABOUT */
.about{padding:7rem 0;background:var(--bg-2);border-top:1px solid var(--line)}
.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:4.5rem;align-items:center}
.about-content .h-sec{margin-bottom:1.6rem}
.about-content p{color:#C4C4CA;margin-bottom:1.2rem;font-size:1.04rem;line-height:1.8}
.about-content p b{color:var(--text);font-weight:600}
.about-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
.about-tags span{font-size:.82rem;font-weight:500;color:#D4D4D8;background:var(--bg);border:1px solid var(--line);padding:.45rem 1rem;border-radius:100px}
.about-img{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line)}
.about-img img{width:100%;height:100%;object-fit:cover;object-position:center 20%}

/* FAQ */
.faq{padding:6.5rem 0;background:var(--bg)}
.faq-head{text-align:center;margin-bottom:3rem}
.faq-head .kicker{justify-content:center}
.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.9rem}
.faq-item{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .25s}
.faq-item.open{border-color:rgba(212,162,78,.4)}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:1.4rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text);font-family:'Inter',sans-serif;font-size:1.02rem;font-weight:600}
.faq-icon{flex-shrink:0;width:24px;height:24px;position:relative;transition:transform .3s}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-icon::before,.faq-icon::after{content:'';position:absolute;background:var(--gold);border-radius:2px}
.faq-icon::before{top:50%;left:4px;right:4px;height:2px;transform:translateY(-50%)}
.faq-icon::after{left:50%;top:4px;bottom:4px;width:2px;transform:translateX(-50%)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 1.6rem 1.5rem;color:var(--muted);line-height:1.7;font-size:.96rem}

/* FINAL CTA */
.final{position:relative;padding:8rem 0;overflow:hidden;text-align:center}
.final-bg{position:absolute;inset:0;z-index:0}
.final-bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.4)}
.final-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 5%,rgba(10,10,11,.7) 50%,var(--bg) 95%)}
.final-inner{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 2rem}
.final .kicker{justify-content:center}
.final h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2.2rem,5vw,3.6rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:1.4rem}
.final h2 em{font-style:normal;color:var(--gold)}
.final p{color:#C9C9CF;font-size:1.12rem;margin-bottom:2.5rem;line-height:1.7}
.final-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.8rem}
.final-note{font-size:.86rem;color:var(--dim);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}
.pulse{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* FOOTER */
.foot{background:#060607;border-top:1px solid var(--line);padding:3rem 0 2rem}
.foot-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}
.foot-logo{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.3rem;color:var(--text);text-decoration:none;letter-spacing:.01em}
.foot-logo b{color:var(--gold)}
.foot-links{display:flex;gap:1.8rem;flex-wrap:wrap}
.foot-links a{color:var(--muted);text-decoration:none;font-size:.92rem;transition:color .2s}
.foot-links a:hover{color:var(--gold-bright)}
.payment-strip{display:grid;grid-template-columns:minmax(210px,.7fr) 2fr;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}
.payment-copy small{display:block;color:var(--gold);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.45rem}
.payment-copy strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:1.12rem;margin-bottom:.3rem}
.payment-copy span{display:block;color:var(--dim);font-size:.72rem;line-height:1.5}
.payment-methods{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}
.payment-method{height:42px;min-width:68px;display:flex;align-items:center;justify-content:center;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#f5f5f3;overflow:hidden}
.payment-method img{display:block;max-width:58px;max-height:20px;width:auto;height:auto}
.payment-method.link-wordmark{background:#00d66f;color:#062b1d;border-color:#00d66f;font-family:'Bricolage Grotesque',sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:-.04em}
.payment-method--apple{background:#050505;border-color:#252525}
.payment-method--apple img{filter:invert(1)}
.payment-method--google{background:#fff}
.payment-method--mbway{background:#fff}
.payment-method--klarna{background:#ffb3d5;border-color:#ffb3d5}
.payment-method--amazon{background:#ffd814;border-color:#ffd814}
.payment-method--visa{background:#fff}
.payment-method--mastercard{background:#fff}
.payment-method--amex{background:#fff}
.payment-method--diners{background:#fff}
.legal-links{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}
.legal-links a{color:var(--dim);text-decoration:none;transition:color .2s}
.legal-links a:hover{color:var(--gold-bright)}
.foot-bottom{padding-top:1.6rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--dim);font-size:.84rem}
.foot-entity{max-width:780px;margin:1.6rem 0 0;color:var(--dim);font-size:.86rem;line-height:1.7}

/* REVEAL */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}



/* WHATSAPP INTELIGENTE */
.nav-cta-btn{font-family:'Inter',sans-serif;cursor:pointer}
.whatsapp-float{position:fixed;right:1.4rem;bottom:1.4rem;z-index:120;border:none;border-radius:999px;background:linear-gradient(135deg,#35e06f,#16b857);color:#051208;font-weight:800;padding:1rem 1.25rem;box-shadow:0 14px 42px rgba(22,184,87,.35);cursor:pointer;display:flex;align-items:center;gap:.55rem;font-family:'Inter',sans-serif}
.whatsapp-float:hover{transform:translateY(-2px)}
.whatsapp-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);padding:1rem;overflow:hidden}
.whatsapp-modal.open{display:flex}
.whatsapp-box{width:min(680px,100%);max-height:calc(100dvh - 2rem);background:#101012;border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.7);display:flex;flex-direction:column;overflow:hidden}
.whatsapp-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.35rem 1.4rem 1.15rem;background:#101012;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}
.whatsapp-top h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.65rem;line-height:1.05;letter-spacing:-.02em}
.whatsapp-top p{color:var(--muted);font-size:.94rem;margin-top:.4rem;line-height:1.55}
.whatsapp-close{background:var(--bg-3);border:1px solid var(--line);color:var(--text);width:38px;height:38px;border-radius:10px;font-size:1.2rem;cursor:pointer;flex-shrink:0}
.whatsapp-content{padding:1.2rem 1.4rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(212,162,78,.45) rgba(255,255,255,.08)}
.whatsapp-content::-webkit-scrollbar{width:8px}.whatsapp-content::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:10px}.whatsapp-content::-webkit-scrollbar-thumb{background:rgba(212,162,78,.45);border-radius:10px}
.whatsapp-step{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:.35rem 0 .55rem}
.whatsapp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:1rem}
.choice{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.95rem;text-align:left;color:var(--text);cursor:pointer;font-family:'Inter',sans-serif;transition:.2s}
.choice:hover,.choice.active{border-color:rgba(212,162,78,.7);background:rgba(212,162,78,.11)}
.choice.active{box-shadow:inset 0 0 0 1px rgba(212,162,78,.28)}
.choice.active::after{content:'Selecionado';display:block;margin-top:.55rem;color:var(--gold-bright);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.choice b{display:block;font-size:.95rem}.choice span{display:block;color:var(--muted);font-size:.78rem;margin-top:.15rem;line-height:1.35}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.field{display:block;margin-bottom:.9rem}
.field span{display:block;font-size:.78rem;font-weight:700;color:#D4D4D8;margin-bottom:.42rem}
.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:11px;color:var(--text);padding:.88rem .95rem;font:500 .9rem/1.4 'Inter',sans-serif;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(212,162,78,.75);box-shadow:0 0 0 3px rgba(212,162,78,.1)}
.field textarea{resize:vertical;min-height:92px}
.field select{color-scheme:dark}
.required{color:var(--gold)}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.whatsapp-actions{flex:0 0 auto;padding:1rem 1.4rem 1.2rem;border-top:1px solid rgba(255,255,255,.08);background:#101012;box-shadow:0 -12px 28px rgba(0,0,0,.22)}
.whatsapp-submit{width:100%;justify-content:center;padding:1.05rem 1.4rem}
.whatsapp-submit:disabled{opacity:.65;cursor:wait;transform:none}
.form-status{min-height:1.25rem;margin-top:.55rem;text-align:center;color:var(--muted);font-size:.78rem;line-height:1.4}
.form-status.error{color:#FCA5A5}
@media(max-width:520px){.whatsapp-modal{align-items:flex-end;padding:.5rem}.whatsapp-grid,.form-row{grid-template-columns:1fr;gap:.55rem}.whatsapp-float{right:1rem;bottom:1rem;padding:.9rem 1rem}.whatsapp-box{max-height:calc(100dvh - 1rem);border-radius:18px 18px 10px 10px}.whatsapp-top{padding:1rem}.whatsapp-content{padding:1rem}.whatsapp-actions{padding:.85rem 1rem 1rem}.whatsapp-top h3{font-size:1.35rem}.whatsapp-top p{font-size:.84rem}.choice{padding:.78rem}.field{margin-bottom:.7rem}}

/* RESPONSIVE */
@media(max-width:1120px){
  .nav{padding:0 1.4rem}
  .nav-menu{position:fixed;inset:70px 0 auto 0;max-height:calc(100dvh - 70px);overflow-y:auto;flex-direction:column;background:var(--bg-2);padding:1.2rem 1.4rem 1.5rem;gap:.35rem;align-items:stretch;border-bottom:1px solid var(--line);transform:translateY(-115%);transition:transform .3s ease;z-index:90}
  .nav-menu.open{transform:translateY(0)}
  .nav-menu li{width:100%}
  .nav-menu a,.nav-menu button{display:flex;width:100%;justify-content:flex-start;font-size:.9rem;padding:.7rem .85rem}
  .nav-menu .nav-member,.nav-menu .nav-cta{margin-top:.25rem;justify-content:center}
  .burger{display:flex}
  .pain-grid{grid-template-columns:1fr}
  .story-grid{grid-template-columns:1fr;gap:2.5rem}
  .story-img{max-width:420px;margin:0 auto;order:-1}
  .svc-list{grid-template-columns:1fr}
  .svc-media{height:220px}
  .method-grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .clients-block{grid-template-columns:1fr;gap:3rem;padding:3.5rem 0}
  .projects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .clients-intro h3{max-width:13ch}
  .clients-intro p{max-width:50ch}
  .testimonials-head{grid-template-columns:1fr;gap:1.2rem;align-items:start}
  .testimonials-intro{justify-self:start}
  .testimonial-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .payment-strip{grid-template-columns:1fr}
  .payment-methods{justify-content:flex-start}
  .about-grid{grid-template-columns:1fr;gap:2.5rem}
  .about-img{max-width:420px;margin:0 auto;order:-1}
  .hero-main{display:block}
  .hero-video{margin-bottom:1.3rem}
}
@media(max-width:900px){
  .hero{background:var(--bg)}
  .hero-bg{inset:0;clip-path:none;border:0;box-shadow:none}
  .hero-bg::after{background:linear-gradient(90deg,rgba(10,10,11,.93),rgba(10,10,11,.66)),linear-gradient(0deg,var(--bg) 1%,transparent 34%)}
  .hero-content{width:100%;max-width:680px}
}
@media(min-width:521px) and (max-width:1120px){
  .hero-content{max-width:none}
  .hero-video{
    width:100vw;
    margin-left:-2rem;
    border-radius:0;
  }
}
@media(max-width:520px){
  .wrap,.hero-inner,.final-inner{padding-left:1.3rem;padding-right:1.3rem}
  .hero{min-height:auto;padding:88px 0 38px}
  .hero .kicker{font-size:.58rem;line-height:1.6;letter-spacing:.12em;margin-bottom:.8rem}
  .hero-video{width:calc(100% + 2.6rem);margin-left:-1.3rem;margin-bottom:1rem;border-radius:0}
  .hero-video .play{width:48px;height:48px}
  .hero-video .play svg{width:18px;height:18px}
  .vsl-label{font-size:.56rem;letter-spacing:.09em;padding:.28rem .55rem}
  .hero h1{font-size:clamp(2.1rem,10.5vw,2.75rem);margin-bottom:.9rem}
  .hero-sub{font-size:.96rem;line-height:1.58;margin-bottom:1.25rem}
  .hero-actions{gap:.7rem;margin-bottom:1.35rem}
  .scroll-hint{display:none}
  .kicker{margin-bottom:1rem}
  .problem,.story,.solution,.services,.method,.proof,.testimonials,.about,.faq{padding:3rem 0}
  .final{padding:4rem 0}
  .vsl-head,.faq-head{margin-bottom:1.8rem}
  .problem-head,.svc-head,.method-head{margin-bottom:2rem}
  .solution .lead{margin-bottom:1.8rem!important}
  .proof-head{margin-bottom:2rem}
  .stats{grid-template-columns:1fr}
  .stats{gap:.8rem;margin-bottom:2.2rem}
  .stat{padding:1.45rem 1rem}
  .clients-block{gap:1.75rem;padding:.5rem 0 0}
  .clients-label{margin-bottom:1.4rem}
  .clients-label::after{margin-top:1rem}
  .clients-intro h3{font-size:clamp(2.35rem,12vw,3.25rem)}
  .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .project-logo{height:108px;padding:.8rem}
  .project-logo--artwork{padding:0}
  .project-logo--burgundy{padding:.55rem}
  .project-logo--kingboss{padding:.35rem}
  .project-info{padding:.75rem .72rem .85rem}
  .project-name{font-size:.86rem}
  .project-work{font-size:.54rem;letter-spacing:.055em}
  .testimonials-head{margin-bottom:1.8rem}
  .testimonials-head .h-sec{max-width:11ch}
  .testimonials-intro{font-size:.94rem}
  .testimonial-layout{grid-template-columns:1fr}
  .testimonial-featured,.testimonial-compact{min-height:0;padding:1.25rem;border-radius:14px}
  .testimonial-featured blockquote,.testimonial-compact blockquote{font-size:.94rem;line-height:1.65}
  .testimonial-featured::before{font-size:8rem;top:-.8rem}
  .testimonial-rating{margin-bottom:.8rem}
  .testimonial-person{margin-top:1.4rem}
  .testimonial-avatar{width:44px;height:44px;flex-basis:44px}
  .payment-method{height:36px;min-width:58px}
  .foot{padding-bottom:6rem}
  .foot-bottom{align-items:flex-start}
  .legal-links{gap:.8rem 1rem}
  .method-grid{grid-template-columns:1fr}
  .svc-side{align-items:flex-start;flex-direction:column}
  .svc-side .btn{width:100%;justify-content:center}
  .svc.is-focused{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}
  .svc.is-focused,.svc.rv.in.is-focused{
    inset:8px;left:8px;top:8px;width:auto;max-height:calc(100dvh - 16px);
    transform:none!important;transform-origin:center;animation:cardMobileIn .2s ease-out both
  }
  .svc.is-closing{animation:cardMobileOut .16s ease-in both!important}
  .svc.is-focused:hover,.svc.rv.in.is-focused:hover{transform:none!important}
  .svc.is-focused .svc-media{height:210px}
  .svc.is-focused .svc-body{padding:1.35rem}
  .svc.is-focused .svc-side{padding:1rem 1.35rem 1.35rem}
  .hero-actions .btn,.final-actions .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .scroll-hint .mouse::after,.pulse{animation:none}
}

/* COMO TRABALHAMOS CARDS */
.process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.2rem;
  margin-top:2rem;
}
.process-card{
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  text-align:left;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.process-card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,162,78,.42);
  box-shadow:0 18px 45px rgba(0,0,0,.35);
}
.process-img{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#050506;
  border-bottom:1px solid var(--line);
}
.process-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.08);
  transition:transform .6s ease;
}
.process-card:hover .process-img img{
  transform:scale(1.14);
}
.process-body{
  padding:1.35rem 1.25rem 1.45rem;
}
.process-num{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;
  font-size:.9rem;
  color:var(--gold);
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:.55rem;
}
.process-body h3{
  font-family:'Bricolage Grotesque',sans-serif;
  font-size:1.35rem;
  line-height:1.1;
  letter-spacing:-.02em;
  margin-bottom:.6rem;
}
.process-body p{
  color:var(--muted);
  font-size:.94rem;
  line-height:1.65;
}
@media(max-width:920px){
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .process-grid{grid-template-columns:1fr}
  .process-img{aspect-ratio:16/9}
}
@media(prefers-reduced-motion:reduce){
  .process-img img, .process-card:hover .process-img img{transition:none;transform:scale(1.08)}
}
.home-blog .method-step{display:flex;min-width:0;flex-direction:column;color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.home-blog .method-step:hover{border-color:rgba(212,162,78,.5);transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.22)}
.home-blog .method-step h3{color:var(--text);font-size:clamp(1.35rem,2vw,1.65rem);font-weight:700;letter-spacing:-.02em}
.home-blog .method-step p{color:var(--muted);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7}
.home-blog .method-step span{display:inline-block;margin-top:auto;padding-top:1.35rem;color:var(--gold-bright);font-family:'Bricolage Grotesque',sans-serif;font-weight:800}

@media(max-width:720px){
  .services{padding:5rem 0}
  .services .section-head{margin-bottom:2.2rem}
  .services-grid{grid-template-columns:1fr;gap:.9rem}
  .svc-card{min-height:0;padding:1.55rem}
  .svc-kicker{margin-bottom:1.2rem}
  .svc-card p{margin-bottom:1.35rem}
  .svc-card .btn{width:100%;justify-content:center}
  .home-blog .method-step{min-height:0;padding:1.55rem}
  .home-blog .method-step .method-num{margin-bottom:1.5rem}
}

/* Representantes virtuais: enquadramento próprio para preservar os rostos. */
.process-img.process-avatar{aspect-ratio:1/1}
.process-img.process-avatar img{object-position:center;transform:none}
.process-card:hover .process-avatar img{transform:scale(1.025)}
.avatar-note{color:var(--muted);font-size:.8rem;line-height:1.6;text-align:center;margin:-1.5rem auto 1.5rem;max-width:42rem}
@media(prefers-reduced-motion:reduce){.process-card:hover .process-avatar img{transform:none}}