:root{
  --black:#0D0D0D;
  --brown:#8B6F47;
  --gold:#D4AF7C;
  --beige:#F7F3EA;
  --deep:#0D0D0D;
  --bg:#0D0D0D;
  --bg2:#0D0D0D;
  --ink:#0D0D0D;
  --paper:#F7F3EA;
  --muted:#8B6F47;
  --line:rgba(212,175,124,.22);
  --accent:#D4AF7C;
  --accent-strong:#8B6F47;
  --accent2:#D4AF7C;
  --white:#F7F3EA;
  --radius:22px;
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--white);
  background:var(--bg);
  line-height:1.45;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 96px));margin:auto}

header{position:absolute;z-index:10;top:0;left:0;right:0}
main header,main .sp-section-head{position:static;inset:auto;z-index:auto}
.nav{
  height:86px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.logo{font-size:30px;font-weight:800;letter-spacing:-1.8px}
.navlinks{
  display:flex;gap:32px;
  font-size:16px;font-weight:600;letter-spacing:.02em;
  color:#F7F3EA
}
.navlinks a{opacity:.92;transition:opacity .2s ease,color .2s ease}
.navlinks a:hover{opacity:1;color:#fff}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 23px;border:1px solid rgba(255,255,255,.28);
  border-radius:999px;font-weight:650;font-size:14px;transition:.25s
}
.btn.primary{background:var(--beige);color:var(--black);border:0}
.btn.accent{
  background:linear-gradient(135deg,#D4AF7C 0%,#C4A06E 55%,#8B6F47 100%);
  color:#0D0D0D;border:0;box-shadow:0 10px 30px rgba(212,175,124,.28)
}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(212,175,124,.18)}
.menu{display:none;font-size:25px;cursor:pointer;user-select:none;background:none;border:0;color:inherit;padding:0;line-height:1}
.navlinks.open{
  display:flex;flex-direction:column;position:absolute;top:86px;left:0;right:0;
  background:rgba(13,13,13,.96);backdrop-filter:blur(16px);padding:24px;
  gap:18px;border-bottom:1px solid rgba(255,255,255,.1);z-index:20
}

/* HERO */
.hero{
  position:relative;overflow:hidden;
  min-height:100svh;
  display:flex;align-items:flex-start;
  background:
    radial-gradient(ellipse at 72% 42%,rgba(212,175,124,.16),transparent 42%),
    radial-gradient(ellipse at 18% 18%,rgba(212,175,124,.05),transparent 28%),
    #0D0D0D
}
.hero-grid-bg{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:radial-gradient(ellipse at 68% 46%,#000 8%,transparent 62%);
  opacity:.55
}
.hero .hero-grid{
  position:relative;z-index:2;
  width:min(1440px,100%);
  max-width:1440px;
  margin-inline:auto;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,45fr) minmax(0,55fr);
  align-items:center;
  gap:clamp(28px,3.2vw,64px);
  padding:104px clamp(28px,6vw,96px) 64px
}
.hero-kicker{
  display:flex;align-items:center;gap:12px;margin:0 0 22px;
  font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.1px;color:#D4AF7C
}
.hero-kicker::before{
  content:"";width:28px;height:1px;flex:none;background:currentColor;opacity:.7
}
.hero h1{
  font-size:clamp(36px,3.15vw,54px);line-height:1.02;
  letter-spacing:-1.6px;margin:0 0 22px;max-width:15ch;
  text-wrap:balance;font-weight:800;color:#fff
}
.hero h1 em{
  font-style:normal;color:#D4AF7C;
  text-shadow:0 0 28px rgba(212,175,124,.28)
}
.hero .lead{
  font-size:17px;line-height:1.6;color:rgba(247,243,234,.68);
  max-width:40ch;margin:0;text-wrap:pretty
}
.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.hero-wa svg{width:18px;height:18px;flex:none;color:#D4AF7C}
.hero-kicker-m,.hero-lead-m,.hero-link-m,.svc-m,.how-m,.cases-m,.cta-m{display:none}
.hero-content{
  position:relative;z-index:3;
  max-width:none;
  padding-right:clamp(0px,1vw,16px)
}
.gradient{
  color:#5C4528;
  background:linear-gradient(100deg,#7A5C38 0%,#5C4528 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent
}

.hero-art{
  position:relative;align-self:center;
  height:min(68vh,680px);min-height:560px
}
.hero-glow{
  position:absolute;left:10%;right:0;top:4%;bottom:10%;
  background:radial-gradient(ellipse at 55% 40%,rgba(212,175,124,.18),transparent 66%);
  filter:blur(26px);pointer-events:none
}
.hero-arc{
  position:absolute;width:min(78%,620px);aspect-ratio:1;
  right:2%;top:2%;border-radius:50%;pointer-events:none;
  border:1px solid rgba(212,175,124,.16);
  box-shadow:0 0 48px rgba(212,175,124,.04);
  mask-image:linear-gradient(160deg,transparent 8%,#000 32%,#000 58%,transparent 78%)
}
.hero-stage{position:relative;width:100%;height:100%}
.hero-platform{
  position:absolute;left:6%;right:2%;bottom:4%;height:16%;
  pointer-events:none;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.04),transparent 48%),
    radial-gradient(ellipse at 50% 55%,#121212 0%,#080808 64%,transparent 74%);
  filter:blur(.2px);
  box-shadow:0 30px 50px rgba(0,0,0,.45)
}
.hero-platform::after{
  content:"";position:absolute;left:12%;right:16%;top:18%;height:28%;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(212,175,124,.07),transparent);
  filter:blur(6px)
}

.device{
  position:absolute;
  background:transparent;
  pointer-events:none
}
.device.is-holdable,
.device:has(.screen-hit){
  pointer-events:auto;
  cursor:default;
  touch-action:none;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none
}
.screen-hit{
  position:absolute;inset:0;z-index:6;
  pointer-events:auto;background:transparent
}
.device-img{
  display:block;width:100%;height:auto;
  position:relative;z-index:3;
  filter:drop-shadow(0 28px 50px rgba(0,0,0,.55));
  pointer-events:none;user-select:none
}
.device-screen{
  position:absolute;z-index:1;overflow:hidden;
  background:#0D0D0D
}
.device-screen .screen-shot{
  display:none;
  position:absolute;left:0;top:0;z-index:1;
  width:100%;height:auto;max-width:none;
  object-fit:contain;object-position:center top;
  pointer-events:none
}
.screen-track{
  position:absolute;left:0;top:0;width:100%;
  display:flex;flex-direction:column;
  animation:screenPan var(--pan-time, 18s) linear infinite paused;
  pointer-events:none
}
.device-screen .screen-track .screen-shot{
  position:relative;top:auto;left:auto;
  display:block;flex:none;height:auto
}
.device.is-holdable:hover .screen-track,
.device.is-holdable.is-touching .screen-track{
  animation-play-state:running
}
@keyframes screenPan{
  to{transform:translate3d(0,calc(var(--pan, 0px) * -1),0)}
}
.device-screen.has-screen-shot{background:#F5F1E8}
.device-screen.has-screen-shot .screen-shot{display:block}
.device-screen.has-screen-shot .desk-ui,
.device-screen.has-screen-shot .phone-ui{display:none}

.laptop{
  width:86%;left:0;top:2%;z-index:3;
  transform:perspective(1400px) rotateY(-14deg) rotateX(6deg);
  transform-origin:70% 80%;
  filter:drop-shadow(0 40px 50px rgba(0,0,0,.55))
}
.laptop-screen{
  top:6.3%;left:7.7%;width:84.6%;height:78.4%;
  border-radius:8px;z-index:2;background:#0D0D0D;
  container-type:size
}
.desk-ui{
  width:100%;height:100%;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 78% 18%,rgba(212,175,124,.28),transparent 36%),
    #0D0D0D;
  display:flex;flex-direction:column
}
.desk-nav{
  display:flex;align-items:center;gap:2.4cqi;
  padding:3.2cqi 4.5cqi 2.2cqi;font-size:3.3cqi;font-weight:600;
  color:rgba(247,243,234,.88);white-space:nowrap
}
.desk-nav strong{font-size:1.28em;font-weight:800;letter-spacing:-.5px;color:#fff;margin-right:auto}
.desk-nav em{
  margin-left:auto;font-style:normal;font-size:.92em;font-weight:700;
  background:#F7F3EA;color:#0D0D0D;border-radius:999px;padding:.42em .8em
}
.desk-body{padding:3cqi 6cqi 0;display:flex;flex-direction:column;gap:2.2cqi}
.desk-body p{
  margin:0;font-size:1.7cqi;letter-spacing:.12em;font-weight:700;color:#D4AF7C
}
.desk-body h2{
  margin:0;font-size:7.2cqi;line-height:.95;letter-spacing:-.04em;
  max-width:9ch;color:#fff
}
.desk-body h2 em{font-style:normal;color:#D4AF7C}
.desk-body small{max-width:32ch;font-size:2.1cqi;line-height:1.35;color:rgba(247,243,234,.58)}
.desk-actions{display:flex;gap:1.4cqi;margin-top:1cqi}
.desk-actions span{
  font-size:1.8cqi;font-weight:700;border-radius:999px;padding:.55em .85em
}
.desk-actions span:first-child{background:linear-gradient(135deg,#D4AF7C,#8B6F47);color:#0D0D0D}
.desk-actions span:last-child{border:1px solid rgba(255,255,255,.28);color:#fff}
.desk-services{display:flex;gap:2cqi;margin-top:4cqi;opacity:.85}
.desk-services span{
  font-size:1.8cqi;font-weight:700;letter-spacing:.04em;color:rgba(247,243,234,.72)
}

.phone{
  width:24%;min-width:118px;max-width:178px;
  right:2%;bottom:8%;left:auto;z-index:5;
  transform:perspective(900px) rotateY(-6deg) rotateX(3deg);
  filter:drop-shadow(0 28px 36px rgba(0,0,0,.6))
}
.phone-screen{
  top:3.6%;left:8.4%;width:83.2%;height:92.8%;
  border-radius:12% / 6%;z-index:1;background:#0D0D0D;overflow:hidden;
  container-type:size
}
.phone-ui{
  width:100%;height:100%;overflow:hidden;color:#fff;
  display:flex;flex-direction:column;background:#0D0D0D
}
.phone-ui-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:16cqi 8cqi 5cqi;background:#0D0D0D
}
.phone-ui-logo{font-size:7cqi;font-weight:800;letter-spacing:-.3px}
.phone-ui-menu{font-size:7cqi;opacity:.8}
.phone-ui-body{
  flex:1;min-height:0;padding:4cqi 8cqi 8cqi;
  display:flex;flex-direction:column;gap:3cqi;
  background:radial-gradient(circle at 80% 0%,rgba(212,175,124,.3),transparent 42%),#0D0D0D
}
.phone-ui-kicker{
  margin:0;font-size:2.4cqi;letter-spacing:.08em;font-weight:700;color:#D4AF7C
}
.phone-ui-body h4{
  margin:0;font-size:8.5cqi;line-height:1.02;letter-spacing:-.04em;font-weight:800
}
.phone-ui-body h4 em{font-style:normal;color:#D4AF7C}
.phone-ui-lead{margin:0;font-size:3.3cqi;line-height:1.35;color:rgba(247,243,234,.58)}
.phone-ui-btn.solid{
  display:block;text-align:center;border-radius:999px;
  padding:3.2cqi 2cqi;font-size:3cqi;font-weight:800;
  background:linear-gradient(135deg,#D4AF7C,#8B6F47);color:#0D0D0D
}
.phone-ui-panel{
  margin-top:auto;border-radius:8cqi;padding:4cqi;
  background:rgba(255,255,255,.04);border:1px solid rgba(212,175,124,.22)
}
.phone-ui-panel strong{display:block;font-size:3.6cqi}
.phone-ui-panel p{margin:1cqi 0 0;font-size:3cqi;color:rgba(247,243,234,.55)}

.script-note{
  position:absolute;left:8%;bottom:16%;z-index:4;margin:0;
  pointer-events:none;
  max-width:min(380px,46vw);
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;font-weight:400;
  font-size:clamp(18px,1.85vw,28px);line-height:1.18;letter-spacing:.01em;
  color:#F7F3EA;
  text-shadow:0 8px 24px rgba(0,0,0,.4)
}
.script-note span{display:none}

@media (prefers-reduced-motion:reduce){
  .sat,.orbit-glow,.core,.orbit-ring,.eco-process-glow,.eco-process-line::after,.eco-process-node{animation:none!important}
  .eco-item{opacity:1;transform:none;transition:none}
}

/* PERCEPTION — desktop e tablet (mobile no bloco max-width:680px) */
@media(min-width:681px){
  .perception{
    display:block;padding:clamp(72px,7vw,108px) 0;
    border-top:1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(ellipse at 14% 0%,rgba(212,175,124,.08),transparent 46%),
      radial-gradient(ellipse at 88% 100%,rgba(139,111,71,.07),transparent 40%),
      #0D0D0D
  }
  .perception-inner{
    width:min(1440px,100%);margin-inline:auto;box-sizing:border-box;
    padding:0 clamp(28px,6vw,96px)
  }
  .perception-kicker{
    display:flex;align-items:center;gap:12px;margin:0 0 20px;
    font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.1px;color:#D4AF7C
  }
  .perception-kicker::before{
    content:"";width:28px;height:1px;flex:none;background:currentColor;opacity:.7
  }
  .perception h2{
    margin:0 0 clamp(36px,3.6vw,52px);
    font-size:clamp(32px,3vw,46px);line-height:1.08;letter-spacing:-1.3px;
    font-weight:800;color:#fff;text-wrap:balance
  }
  .perception h2 em{
    display:block;font-style:normal;color:#D4AF7C;
    text-shadow:0 0 28px rgba(212,175,124,.22)
  }
  .perception-list{
    list-style:none;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,20px)
  }
  .perception-list li{
    display:flex;flex-direction:column;align-items:flex-start;gap:22px;
    padding:clamp(22px,2vw,30px);border-radius:18px;
    border:1px solid rgba(212,175,124,.14);
    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
    font-size:clamp(16px,1.25vw,18px);font-weight:500;line-height:1.45;
    color:rgba(247,243,234,.86);text-wrap:pretty
  }
  .perception-ico{
    width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;
    color:#D4AF7C;border:1px solid rgba(212,175,124,.3);background:rgba(212,175,124,.06)
  }
  .perception-ico svg{width:20px;height:20px;display:block}
  .perception-bridge{
    margin:clamp(36px,3.4vw,48px) 0 0;padding-top:clamp(24px,2.2vw,30px);
    border-top:1px solid rgba(212,175,124,.18);
    font-size:clamp(18px,1.55vw,22px);font-weight:600;line-height:1.4;
    letter-spacing:-.2px;color:#F7F3EA;text-wrap:balance
  }
}
@media(min-width:681px) and (max-width:900px){
  .perception-list{grid-template-columns:1fr}
  .perception-list li{flex-direction:row;align-items:center;gap:16px}
}

/* SERVICES — sticky stacking cards */
.light{background:var(--paper);color:var(--ink)}
.services{padding:90px 0 40px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.kicker{font-size:10px;letter-spacing:3px;color:#8B6F47;font-weight:800}
h2{font-size:clamp(36px,4.2vw,60px);line-height:1;letter-spacing:-2.8px;margin:10px 0 0;font-weight:800}
.text-link{color:#0D0D0D;font-weight:700;font-size:14px}

.service-stack{
  position:relative;
  display:flex;flex-direction:column;
  gap:0;padding-bottom:12vh
}
.service{
  --stack-top:72px;
  --stack-step:16px;
  position:sticky;
  top:calc(var(--stack-top) + (var(--i) * var(--stack-step)));
  z-index:calc(10 + var(--i));
  padding-bottom:28px;
  transform-origin:center top;
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s ease
}
.service.is-behind .service-card{
  transform:scale(.985);
  filter:brightness(.96);
  box-shadow:0 10px 28px rgba(139,111,71,.06)
}
.service-card{
  display:grid;grid-template-columns:1.05fr .95fr;
  align-items:stretch;gap:0;min-height:min(48vh,440px);
  background:#fff;
  border:1px solid rgba(212,175,124,.45);
  border-radius:28px;overflow:hidden;
  box-shadow:0 18px 44px rgba(139,111,71,.1);
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,filter .55s ease
}
.service-card--reverse{grid-template-columns:.95fr 1.05fr}
.service-card--reverse .service-media{order:2}
.service-card--reverse .service-body{order:1}
.service-media{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(18px,2.4vw,28px);
  min-height:0;background:transparent;overflow:visible
}
.service-img{
  width:100%;height:100%;aspect-ratio:1024/682;
  min-height:min(38vh,340px);max-height:380px;
  object-fit:cover;object-position:center;display:block;
  border-radius:18px;
  box-shadow:0 14px 34px rgba(13,13,13,.14);
  background:#F7F3EA
}
img[src$="card-google-meu-negocio.webp"]{object-position:50% 42%}
img[src$="card-instagram-estrategico.webp"]{object-position:center}
img[src$="card-whatsapp-business.webp"]{object-position:55% center}
img[src$="card-conteudo-video.webp"]{object-position:52% center}
img[src$="card-sistemas-plataformas.webp"]{object-position:62% center}
.service-body{
  position:relative;padding:clamp(28px,4vw,48px) clamp(24px,3.5vw,44px);
  display:flex;flex-direction:column;justify-content:center;gap:8px
}
.service-num{
  position:absolute;top:18px;left:clamp(20px,3vw,40px);
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(52px,6vw,76px);line-height:1;letter-spacing:-3px;
  color:rgba(212,175,124,.28);font-weight:800;
  pointer-events:none;z-index:0;user-select:none;font-variant-numeric:tabular-nums
}
.service h3{
  position:relative;z-index:1;
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(26px,3vw,36px);margin:18px 0 0;line-height:1.1;
  letter-spacing:-1px;color:#0D0D0D;font-weight:800
}
.service p{
  position:relative;z-index:1;
  margin:0;color:#8B6F47;font-size:16px;line-height:1.6;max-width:38ch
}
.round{
  position:relative;z-index:1;
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:#0D0D0D;color:#fff;margin-top:14px;font-size:15px;flex-shrink:0
}
a.round{color:#fff}

.svc-head{margin-bottom:clamp(32px,3.4vw,48px)}
.svc-head h2{margin:0}
.svc-kicker,.cases-kicker{
  display:flex;align-items:center;gap:12px;margin:0 0 16px;
  font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.1px;color:#8B6F47
}
.svc-kicker::before,.cases-kicker::before{
  content:"";width:28px;height:1px;flex:none;background:currentColor;opacity:.7
}
.services .service-body > p{font-size:clamp(16px,1.3vw,19px);line-height:1.5;max-width:30ch;margin-top:4px}
.service-link{
  position:relative;z-index:1;align-self:flex-start;
  display:inline-flex;align-items:center;gap:12px;margin-top:22px;
  font-size:14px;font-weight:700;color:#0D0D0D
}
.service-link .round,.svc-more-card .round{margin-top:0;transition:transform .25s ease,background .25s ease}
.service-link:hover .round,.svc-more-card:hover .round{transform:translateX(3px);background:#8B6F47}

.services .service-stack{padding-bottom:6vh}
.svc-more{margin-top:clamp(8px,1.4vw,20px)}
.svc-more-title{margin:0 0 16px;font-size:15px;font-weight:700;line-height:1.3;color:#8B6F47}
.svc-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.4vw,20px)}
.svc-more-card{
  display:grid;grid-template-columns:52px minmax(0,1fr) 36px;gap:18px;align-items:center;
  padding:clamp(18px,1.8vw,24px) clamp(20px,2vw,28px);border-radius:22px;color:inherit;
  background:#fff;border:1px solid rgba(212,175,124,.45);
  box-shadow:0 12px 30px rgba(139,111,71,.07);
  transition:transform .25s ease,box-shadow .25s ease
}
.svc-more-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(139,111,71,.12)}
.svc-more-ico{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  color:#8B6F47;border:1px solid rgba(212,175,124,.45);background:rgba(212,175,124,.1)
}
.svc-more-ico svg{width:22px;height:22px;display:block}
.svc-more-text{display:grid;gap:4px;min-width:0}
.svc-more-text strong{font-size:clamp(18px,1.5vw,21px);font-weight:800;line-height:1.2;letter-spacing:-.4px;color:#0D0D0D}
.svc-more-text span{font-size:15px;line-height:1.45;color:#8B6F47}
.svc-all{
  display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;
  margin:clamp(28px,3vw,40px) auto 0;font-size:15px
}
.svc-all span{color:#B08A55;transition:transform .2s ease}
.svc-all:hover span{transform:translateX(3px)}
@media(max-width:900px){
  .svc-more-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .service,.service-card{transition:none!important}
  .service.is-behind .service-card{transform:none;filter:none}
  .svc-more-card,.svc-more-card .round,.service-link .round{transition:none}
}

/* ECOSYSTEM */
.ecosystem{background:#0D0D0D;color:#fff;padding:100px 0}
.eco-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(40px,5.5vw,80px)
}
.eco-grid > :first-child{max-width:40rem}
.eco-kicker{
  display:flex;align-items:center;gap:12px;margin:0 0 18px;
  font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.1px;color:#D4AF7C
}
.eco-kicker::before{
  content:"";width:28px;height:1px;flex:none;background:currentColor;opacity:.7
}
.eco-title{
  font-size:clamp(34px,3.3vw,50px);line-height:1.06;letter-spacing:-1.8px;
  margin:0 0 34px;font-weight:800;color:#fff;text-wrap:balance
}
.eco-title em{
  display:block;font-style:normal;color:#D4AF7C;
  text-shadow:0 0 28px rgba(212,175,124,.22)
}

.eco-process{
  position:relative;width:min(100%,460px);margin-left:auto;margin-right:0;
  padding:18px 8px 10px
}
.eco-process-glow{
  position:absolute;left:22px;top:8%;bottom:8%;width:56px;
  border-radius:999px;pointer-events:none;
  background:radial-gradient(circle at 50% 40%,rgba(212,175,124,.22),transparent 68%);
  filter:blur(10px);animation:ecoProcessGlow 5.5s ease-in-out infinite
}
.eco-process-line{
  position:absolute;left:39px;top:34px;bottom:34px;width:1px;
  background:linear-gradient(180deg,rgba(212,175,124,.15),rgba(212,175,124,.55),rgba(212,175,124,.15));
  overflow:hidden
}
.eco-process-line::after{
  content:"";position:absolute;left:0;width:100%;height:28%;
  background:linear-gradient(180deg,transparent,rgba(212,175,124,.95),transparent);
  animation:ecoProcessFlow 3.8s ease-in-out infinite
}
.eco-process-list{
  list-style:none;margin:0;padding:0;display:grid;gap:18px;position:relative;z-index:1
}
.eco-process-step{
  display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start;
  opacity:0;transform:translateY(14px);
  transition:opacity .7s ease,transform .7s ease
}
.ecosystem.is-inview .eco-process-step{opacity:1;transform:none}
.ecosystem.is-inview .eco-process-step:nth-child(1){transition-delay:.08s}
.ecosystem.is-inview .eco-process-step:nth-child(2){transition-delay:.18s}
.ecosystem.is-inview .eco-process-step:nth-child(3){transition-delay:.28s}
.ecosystem.is-inview .eco-process-step:nth-child(4){transition-delay:.38s}
.eco-process-node{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle at 50% 35%,#1a1714,#0D0D0D 70%);
  border:1px solid rgba(212,175,124,.55);
  box-shadow:0 0 22px rgba(212,175,124,.22),inset 0 0 14px rgba(212,175,124,.1);
  color:#D4AF7C;font-size:12px;font-weight:800;letter-spacing:.6px;
  animation:ecoProcessPulse 4.2s ease-in-out infinite;
  animation-delay:calc(var(--i) * .35s)
}
.eco-process-body{
  padding:10px 14px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(212,175,124,.16);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease
}
.eco-process-step:hover .eco-process-body{
  border-color:rgba(212,175,124,.4);
  transform:translateX(3px);
  box-shadow:0 14px 32px rgba(0,0,0,.24),0 0 20px rgba(212,175,124,.08)
}
.eco-process-body strong{
  display:block;margin:0 0 4px;color:#fff;
  font-size:16px;letter-spacing:-.2px
}
.eco-process-body p{
  margin:0;color:rgba(247,243,234,.62);
  font-size:14px;line-height:1.45
}
@media(min-width:681px) and (max-width:1100px){
  .ecosystem .eco-grid{gap:0}
  .ecosystem .eco-grid > :first-child{display:contents}
  .ecosystem .eco-grid > :first-child > .btn{order:1;justify-self:start;margin-top:30px}
}
@keyframes ecoProcessGlow{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
@keyframes ecoProcessFlow{
  0%{top:-30%}
  100%{top:110%}
}
@keyframes ecoProcessPulse{
  0%,100%{box-shadow:0 0 18px rgba(212,175,124,.18),inset 0 0 12px rgba(212,175,124,.08)}
  50%{box-shadow:0 0 30px rgba(212,175,124,.4),inset 0 0 16px rgba(212,175,124,.16)}
}
@media (prefers-reduced-motion:reduce){
  .eco-process-glow,.eco-process-line::after,.eco-process-node{animation:none}
}

.eco-list{display:grid;gap:22px}
.eco-item{
  display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;
  opacity:0;transform:translateY(16px);
  transition:opacity .7s ease,transform .7s ease
}
.ecosystem.is-inview .eco-item{opacity:1;transform:none}
.ecosystem.is-inview .eco-item:nth-child(1){transition-delay:.08s}
.ecosystem.is-inview .eco-item:nth-child(2){transition-delay:.18s}
.ecosystem.is-inview .eco-item:nth-child(3){transition-delay:.28s}
.ecosystem.is-inview .eco-item:nth-child(4){transition-delay:.38s}
.eco-icon{
  width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,.2);
  display:grid;place-items:center;color:#D4AF7C;font-size:14px;
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease
}
.eco-item:hover .eco-icon{
  border-color:rgba(212,175,124,.55);
  box-shadow:0 0 18px rgba(212,175,124,.25);
  transform:scale(1.06)
}
.eco-item strong{font-size:17px}
.eco-item p{margin:4px 0 0;color:#8B6F47;font-size:13px}

/* CASES */
.cases{
  padding:72px 0 80px;
  background:#F7F3EA;
  color:#0D0D0D
}
#cases{
  box-sizing:border-box;
  min-height:100vh;
  height:100vh;
  max-height:100vh;
  min-height:100dvh;
  height:100dvh;
  max-height:100dvh;
  padding:clamp(40px,6.5vh,72px) 0 clamp(20px,3.5vh,40px);
  display:flex;flex-direction:column;overflow:hidden
}
#cases > .container{
  flex:1;min-height:0;width:min(var(--max),calc(100% - 96px));
  display:flex;flex-direction:column;gap:clamp(10px,1.4vh,16px)
}
.cases-head{margin-bottom:28px;max-width:760px}
#cases .cases-head{
  flex:none;margin:0;max-width:none;
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(200px,.72fr);
  gap:clamp(8px,1.2vh,14px) 32px;align-items:end
}
.cases-head .kicker,#cases .cases-head .kicker{color:#8B6F47}
#cases .cases-head .kicker{margin:0}
.cases-head h2{
  margin:10px 0 0;
  font-size:clamp(36px,4.2vw,60px);
  line-height:1;
  letter-spacing:-2.8px;
  font-weight:800;
  color:#0D0D0D
}
#cases .cases-head h2{
  margin:0;
  font-size:clamp(32px,3.5vw,50px);
  line-height:1.04;
  letter-spacing:-1.8px;
  max-width:22ch;text-wrap:balance
}
#cases .cases-kicker{margin:0 0 14px}
.cases-accent{
  background:linear-gradient(100deg,#D4AF7C 0%,#8B6F47 55%,#D4AF7C 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.cases-head-note{
  margin:0 0 12px;padding-top:10px;
  border-top:1px solid rgba(212,175,124,.55);
  color:#8B6F47;font-size:13px;line-height:1.45;max-width:34ch
}
.cases-nav{display:flex;gap:8px}
.cases-nav--footer{display:none}
.cases-nav-btn{
  width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(13,13,13,.16);background:#fff;color:#0D0D0D;
  font-size:20px;line-height:1;cursor:pointer;
  display:grid;place-items:center;
  transition:border-color .2s ease,background .2s ease,transform .2s ease
}
.cases-nav-btn:hover{
  border-color:#D4AF7C;background:#0D0D0D;color:#D4AF7C;transform:translateY(-1px)
}
.cases-nav-btn:disabled{opacity:.35;cursor:default;transform:none}

.cases-featured{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  align-items:stretch
}
#cases .cases-featured{
  flex:1 1 auto;min-height:0;
  max-height:min(64vh,640px);
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.86fr);
  gap:clamp(12px,1.4vw,18px);align-items:stretch
}
#cases .cases-head-side{
  display:flex;justify-content:flex-end;align-items:flex-end
}

.cases-browser{
  position:relative;min-width:0;align-self:stretch;
  display:flex;flex-direction:column;min-height:0;height:100%;
  border-radius:22px;overflow:hidden;
  background:#141210;
  border:1px solid rgba(13,13,13,.18);
  box-shadow:0 16px 36px rgba(139,111,71,.1)
}
.cases-browser-bar{
  display:flex;gap:6px;align-items:center;
  padding:8px 12px;background:#1b1815;flex:none
}
.cases-browser-bar span{
  width:8px;height:8px;border-radius:50%;background:rgba(247,243,234,.22)
}
.cases-browser-bar span:nth-child(1){background:#E08A74}
.cases-browser-bar span:nth-child(2){background:#D4AF7C}
.cases-browser-bar span:nth-child(3){background:#8FBF8A}
.cases-hint{
  position:absolute;left:50%;bottom:14px;transform:translateX(-50%);
  z-index:5;pointer-events:none;
  padding:8px 12px;border-radius:999px;
  background:rgba(13,13,13,.82);color:rgba(247,243,234,.88);
  font-size:11px;font-weight:600;letter-spacing:.2px;
  border:1px solid rgba(212,175,124,.28);
  opacity:1;transition:opacity .25s ease
}
.cases-browser:hover .cases-hint{opacity:0}
@media (hover:none), (pointer:coarse){
  .cases-hint{display:none}
}

.cases-media{
  margin:0;border-radius:22px;overflow:hidden;
  background:#F7F3EA;
  border:1px solid #F7F3EA;
  box-shadow:0 18px 40px rgba(139,111,71,.08);
  min-height:100%
}
#cases .cases-media{
  position:relative;display:block;flex:1;min-height:0;
  margin:0;border-radius:0;border:0;box-shadow:none;
  background:#0D0D0D;overflow:hidden;overscroll-behavior:contain
}
.cases-media img{
  width:100%;height:100%;min-height:420px;
  object-fit:cover;object-position:center;display:block
}
#cases .cases-media img{
  position:absolute;left:0;top:0;width:100%;height:auto;
  max-width:none;max-height:none;min-width:0;min-height:0;
  object-fit:unset;object-position:top center;display:block
}
#cases .cases-media.is-fit img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:top center
}
#cases .cases-media.is-page .pf-page-track{
  position:absolute;left:0;top:0;width:100%;pointer-events:none
}
#cases .cases-media.is-page .pf-page-track.is-ready{
  animation:pfHomePagePan var(--pan-time, 14s) linear infinite paused;
  will-change:transform
}
#cases .cases-media.is-page img{
  position:relative;width:100%;height:auto;max-width:none;
  object-fit:unset;object-position:top center;display:block
}
@media (hover:hover) and (pointer:fine){
  #cases .cases-media.is-page:hover .pf-page-track.is-ready,
  #cases .cases-browser:hover .pf-page-track.is-ready{
    animation-play-state:running
  }
}
@media (hover:none), (pointer:coarse){
  #cases .cases-media.is-page.is-inview .pf-page-track.is-ready,
  #cases .cases-media.is-page.is-touching .pf-page-track.is-ready{
    animation-play-state:running
  }
}
@keyframes pfHomePagePan{
  0%{transform:translate3d(0,0,0)}
  68%{transform:translate3d(0,calc(var(--pan, 0px) * -1),0)}
  78%{transform:translate3d(0,calc(var(--pan, 0px) * -1),0)}
  100%{transform:translate3d(0,0,0)}
}
@media (prefers-reduced-motion:reduce){
  #cases .cases-media .pf-page-track{animation:none}
}

.cases-panel{display:flex;flex-direction:column;gap:18px;min-width:0}
#cases .cases-panel{
  gap:10px;height:100%;min-height:0;justify-content:stretch
}

.cases-project{
  background:#fff;border:1px solid rgba(139,111,71,.1);
  border-radius:24px;padding:26px 26px 22px;
  box-shadow:0 10px 28px rgba(139,111,71,.05)
}
#cases .cases-project{
  flex:1.15;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;
  padding:16px 18px 14px;border-radius:20px;overflow:hidden
}
.cases-meta{
  display:flex;align-items:center;gap:10px;margin-bottom:16px;
  color:#8B6F47;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase
}
#cases .cases-meta{margin-bottom:8px;font-size:11px;letter-spacing:.7px}
.cases-index{color:#0D0D0D}
.cases-meta .cases-cat::before{
  content:"";display:inline-block;width:1px;height:12px;
  margin-right:10px;background:rgba(139,111,71,.35);vertical-align:-1px
}
.cases-project .case-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
#cases .cases-project .case-tags{margin:2px 0 10px;gap:6px}
.cases .tag{
  display:inline-block;padding:7px 12px;border-radius:999px;
  background:#F7F3EA;color:#0D0D0D;font-size:11px;font-weight:700;letter-spacing:.2px
}
#cases .cases .tag{padding:5px 10px;font-size:10px}
.cases-project h3{
  margin:0 0 10px;font-size:clamp(22px,2.2vw,30px);
  line-height:1.15;letter-spacing:-.8px;color:#0D0D0D;font-weight:800
}
#cases .cases-project h3{
  margin:0 0 8px;font-size:clamp(22px,2vw,28px);letter-spacing:-.7px
}
.cases-project p{
  margin:0 0 18px;color:#8B6F47;font-size:15px;line-height:1.55;max-width:42ch
}
#cases .cases-project p{
  margin:0 0 10px;font-size:13px;line-height:1.45;max-width:none;flex:1;min-height:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
#cases .cases-cta.btn{
  align-self:flex-start;margin-top:auto;flex:none;
  background:#0D0D0D;color:#fff;border-color:#0D0D0D;
  padding:9px 14px;border-radius:999px;font-size:13px
}
#cases .cases-cta.btn:hover{background:#1a1714;transform:translateY(-1px)}
.cases-cta{
  color:#0D0D0D;font-weight:700;font-size:14px;
  transition:opacity .2s ease,transform .2s ease;
  display:inline-flex;align-items:center
}
.cases-cta:hover{opacity:.85;transform:translateX(2px)}
.cases-cta[hidden]{display:none}
a.cases-m-card{text-decoration:none}
.cases-m-card.is-inert{cursor:default}

.cases-strategy{
  background:linear-gradient(160deg,#0D0D0D 0%,#12100e 100%);
  color:#fff;border-radius:24px;padding:24px 26px;
  border:1px solid rgba(212,175,124,.22);
  box-shadow:0 16px 36px rgba(13,13,13,.18);flex:1
}
#cases .cases-strategy{
  flex:.72;min-height:0;display:flex;flex-direction:column;justify-content:center;
  padding:14px 18px;border-radius:20px;gap:0;overflow:hidden
}
.cases-strategy .kicker{color:#D4AF7C}
#cases .cases-strategy .kicker{margin:0}
.cases-strategy h4{
  margin:8px 0 12px;font-size:clamp(20px,2vw,26px);
  line-height:1.15;letter-spacing:-.7px;font-weight:800;color:#fff
}
#cases .cases-strategy h4{
  margin:6px 0 6px;font-size:clamp(17px,1.6vw,21px);letter-spacing:-.5px
}
.cases-strategy p{
  margin:0;color:#8B6F47;font-size:14px;line-height:1.55;max-width:46ch
}
#cases .cases-strategy p{
  font-size:12.5px;line-height:1.4;color:rgba(247,243,234,.62);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.cases-strategy-foot{
  margin-top:18px;display:flex;align-items:center;gap:12px
}
#cases .cases-strategy-foot{margin-top:10px;gap:10px}
.cases-strategy-mark{
  width:42px;height:42px;border-radius:50%;flex:none;
  display:grid;place-items:center;color:#D4AF7C;
  border:1px solid rgba(212,175,124,.45)
}
#cases .cases-strategy-mark{width:32px;height:32px;font-size:13px}
.cases-strategy-foot em{
  font-family:"Instrument Serif",Georgia,serif;font-style:italic;
  font-size:16px;color:rgba(247,243,234,.82);line-height:1.25
}
#cases .cases-strategy-foot em{font-size:14px}

#cases .cases-project{flex:none;padding:18px 20px 18px}
#cases .cases-project [hidden]{display:none}
#cases .cases-project .cases-cta.btn{margin-top:8px}
#cases .cases-list{
  flex:1;min-height:0;display:flex;flex-direction:column;
  padding:8px 10px;border-radius:20px;overflow:auto;
  background:linear-gradient(160deg,#0D0D0D 0%,#12100e 100%);
  border:1px solid rgba(212,175,124,.22);
  box-shadow:0 16px 36px rgba(13,13,13,.18)
}
#cases .cases-list[hidden]{display:none}
.cases-list ol{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column}
.cases-list li{flex:1;display:flex}
.cases-list-item{
  width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:8px;border:0;border-bottom:1px solid rgba(247,243,234,.08);border-radius:0;
  background:none;font:inherit;text-align:left;color:rgba(247,243,234,.62);cursor:pointer;
  transition:color .2s ease
}
.cases-list li:last-child .cases-list-item{border-bottom:0}
.cases-list-index{font-size:11px;font-weight:800;letter-spacing:.6px}
.cases-list-item strong{
  font-size:14.5px;font-weight:700;letter-spacing:-.2px;color:inherit;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.cases-list-cat{font-size:11.5px;color:rgba(212,175,124,.62);white-space:nowrap}
.cases-list-item:hover,.cases-list-item.is-active{color:#fff}
.cases-list-item.is-active .cases-list-index,.cases-list-item.is-active .cases-list-cat{color:#D4AF7C}
.cases-list-item:focus-visible{outline:2px solid #D4AF7C;outline-offset:-2px;border-radius:10px}

.cases-footer{
  margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap
}
#cases .cases-footer{
  flex:none;margin:0;padding-top:2px;gap:12px
}
.cases-progress{display:flex;align-items:center;gap:14px;min-width:0}
.cases-counter{
  color:#0D0D0D;font-size:13px;font-weight:800;letter-spacing:.4px;white-space:nowrap
}
.cases-dots{display:flex;gap:6px;flex-wrap:wrap}
.cases-dots span{
  width:28px;height:2px;border-radius:999px;background:rgba(139,111,71,.25)
}
.cases-dots span.is-active{background:#D4AF7C}
.cases-all{color:#0D0D0D;font-weight:700;font-size:14px}
.cases-all:hover{color:#8B6F47}
.cases-extra{display:none}
.cases-featured[hidden]{display:none}

@media (min-width:1101px) and (max-height:820px){
  #cases .cases-featured{max-height:min(58vh,540px)}
  #cases .cases-project p{-webkit-line-clamp:2}
  #cases > .container{gap:10px}
}

/* CTA */
.cta{
  position:relative;overflow:hidden;
  background:#070707;
  border-top:1px solid rgba(212,175,124,.12)
}
.cta-glow{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 78% 42%,rgba(212,175,124,.2),transparent 46%),
    radial-gradient(ellipse at 10% 85%,rgba(139,111,71,.14),transparent 38%),
    radial-gradient(circle at 70% 70%,rgba(212,175,124,.06),transparent 30%);
  animation:ctaGlowDrift 12s ease-in-out infinite alternate
}
.cta-layout{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,1fr);
  align-items:center;gap:48px;padding:88px 0 72px;min-height:560px
}
.cta-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:560px}
.cta-kicker{
  display:flex;align-items:center;gap:12px;margin:0 0 18px;
  color:#D4AF7C;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.1px
}
.cta-kicker::before{
  content:"";width:28px;height:1px;flex:none;background:currentColor;opacity:.7
}
.cta h2{
  color:#fff;max-width:640px;margin:0 0 18px;
  font-size:clamp(34px,4.2vw,56px);line-height:1.05;letter-spacing:-1.6px
}
.cta-copy h2 em{display:block;font-style:normal;color:#D4AF7C}
.cta-lead{
  margin:0 0 30px;color:rgba(247,243,234,.72);
  font-size:17px;line-height:1.6;max-width:40ch
}
.cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px}
.cta-btn{
  box-shadow:0 0 0 1px rgba(212,175,124,.25),0 12px 36px rgba(212,175,124,.22)
}
.cta-wa{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;
  font-size:14px;font-weight:600;color:rgba(247,243,234,.78);transition:color .2s ease
}
.cta-wa svg{width:18px;height:18px;flex:none;color:#D4AF7C}
.cta-wa:hover{color:#E6C995}

.cta-eco{position:relative;justify-self:stretch;min-width:0}
.cta-eco-stage{
  position:relative;width:100%;aspect-ratio:1;
  max-width:560px;margin:0 auto
}
.cta-eco-glow{
  position:absolute;left:50%;top:50%;width:46%;height:46%;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(212,175,124,.32),rgba(212,175,124,.08) 42%,transparent 70%);
  filter:blur(8px);animation:ctaAura 5.8s ease-in-out infinite
}
.cta-eco-orbits{
  position:absolute;inset:0;width:100%;height:100%;
  animation:ctaOrbitSpin 48s linear infinite
}
.cta-orbit{
  fill:none;stroke:rgba(212,175,124,.28);stroke-width:1;
  stroke-dasharray:3 9
}
.cta-orbit--a{animation:ctaOrbitPulse 7s ease-in-out infinite}
.cta-orbit--b{
  stroke:rgba(212,175,124,.2);stroke-dasharray:1 7;
  animation:ctaOrbitPulse 9s ease-in-out infinite reverse
}
.cta-orbit--c{
  stroke:rgba(212,175,124,.16);stroke-dasharray:5 12;
  animation:ctaOrbitPulse 11s ease-in-out infinite
}
.cta-dot{
  fill:#D4AF7C;opacity:.85;
  filter:drop-shadow(0 0 4px rgba(212,175,124,.8));
  animation:ctaDotBlink 3.4s ease-in-out infinite
}
.cta-dot:nth-child(4){animation-delay:.4s}
.cta-dot:nth-child(5){animation-delay:.9s}
.cta-dot:nth-child(6){animation-delay:1.3s}
.cta-dot:nth-child(7){animation-delay:1.8s}
.cta-dot:nth-child(8){animation-delay:2.2s}
.cta-dot:nth-child(9){animation-delay:2.7s}

.cta-eco-core{
  position:absolute;left:50%;top:50%;
  width:min(42%,168px);aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%);
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 55%),
    radial-gradient(circle,#12100e,#0D0D0D 70%);
  border:1px solid rgba(212,175,124,.55);
  box-shadow:
    0 0 0 10px rgba(212,175,124,.05),
    0 0 48px rgba(212,175,124,.28),
    inset 0 0 28px rgba(212,175,124,.12);
  z-index:4;overflow:hidden;
  animation:ctaCorePulse 4.8s ease-in-out infinite
}
.cta-eco-core img{
  width:72%;height:auto;max-height:48%;object-fit:contain;display:block
}

.cta-eco-card{
  position:absolute;z-index:5;
  width:min(42%,168px);
  padding:12px 12px 11px;
  border-radius:16px;
  background:rgba(13,13,13,.88);
  border:1px solid rgba(212,175,124,.28);
  box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 22px rgba(212,175,124,.08);
  backdrop-filter:blur(8px);
  color:#F7F3EA;text-decoration:none;
  display:grid;gap:3px;justify-items:start;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  animation:ctaCardFloat 5.6s ease-in-out infinite
}
.cta-eco-card:hover{
  border-color:rgba(212,175,124,.55);
  box-shadow:0 14px 34px rgba(0,0,0,.4),0 0 28px rgba(212,175,124,.18);
  transform:translateY(-3px)
}
.cta-eco-ico{
  width:28px;height:28px;border-radius:9px;margin-bottom:4px;
  display:grid;place-items:center;color:#D4AF7C;font-weight:800;font-size:13px;
  background:rgba(212,175,124,.1);border:1px solid rgba(212,175,124,.28)
}
.cta-eco-ico svg{width:15px;height:15px}
.cta-eco-card strong{
  font-size:11px;line-height:1.3;letter-spacing:1.1px;text-transform:uppercase;color:#fff;font-weight:800
}
.cta-eco-card--site{left:50%;top:3%;transform:translateX(-50%);animation-delay:0s}
.cta-eco-card--google{left:2%;top:24%;animation-delay:.5s}
.cta-eco-card--ig{right:2%;top:24%;left:auto;animation-delay:1s}
.cta-eco-card--wa{left:2%;bottom:20%;animation-delay:1.5s}
.cta-eco-card--content{right:2%;bottom:20%;left:auto;animation-delay:2s}
.cta-eco-card--sys{left:50%;bottom:3%;transform:translateX(-50%);animation-delay:2.5s}
.cta-eco-card--site:hover,
.cta-eco-card--google:hover,
.cta-eco-card--ig:hover,
.cta-eco-card--wa:hover,
.cta-eco-card--content:hover{transform:translateY(-3px)}
.cta-eco-card--site:hover,
.cta-eco-card--sys:hover{transform:translateX(-50%) translateY(-3px)}

@keyframes ctaGlowDrift{
  from{opacity:.8;transform:translate3d(0,0,0) scale(1)}
  to{opacity:1;transform:translate3d(-1.2%,1.2%,0) scale(1.04)}
}
@keyframes ctaAura{
  0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
}
@keyframes ctaOrbitSpin{to{transform:rotate(360deg)}}
@keyframes ctaOrbitPulse{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
@keyframes ctaDotBlink{
  0%,100%{opacity:.35;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.25)}
}
@keyframes ctaCorePulse{
  0%,100%{box-shadow:0 0 0 10px rgba(212,175,124,.05),0 0 42px rgba(212,175,124,.24),inset 0 0 24px rgba(212,175,124,.1)}
  50%{box-shadow:0 0 0 14px rgba(212,175,124,.08),0 0 64px rgba(212,175,124,.38),inset 0 0 30px rgba(212,175,124,.16)}
}
@keyframes ctaCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
.cta-eco-card--site,.cta-eco-card--sys{animation-name:ctaCardFloatX}
@keyframes ctaCardFloatX{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-6px)}
}
@media (prefers-reduced-motion:reduce){
  .cta-glow,.cta-eco-glow,.cta-eco-orbits,.cta-orbit,.cta-dot,.cta-eco-core,.cta-eco-card{animation:none}
}

/* FOOTER */
footer{
  background:#080808;color:#8B6F47;
  padding:18px 0 28px
}
.footer-shell{
  position:relative;overflow:hidden;
  border:1px solid rgba(212,175,124,.22);
  border-radius:22px;
  background:
    radial-gradient(ellipse at 92% 8%,rgba(212,175,124,.14),transparent 42%),
    #0b0b0b;
  padding:34px 36px 18px;
  box-shadow:0 18px 48px rgba(0,0,0,.28)
}
.footer-mark{
  position:absolute;right:-2%;top:-18%;
  font-size:clamp(180px,22vw,280px);font-weight:800;line-height:1;
  color:rgba(212,175,124,.05);letter-spacing:-12px;
  pointer-events:none;user-select:none;z-index:0
}
.footer-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(180px,1.15fr) minmax(110px,.7fr) minmax(220px,1.25fr) minmax(210px,1fr);
  gap:28px 30px;
  align-items:start;
  padding:0 0 8px
}
.footer-brand{max-width:280px}
.footer-logo{
  color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.1
}
.logo.has-image,.footer-logo.has-image{display:flex;align-items:center}
.logo.has-image img,.footer-logo.has-image img{height:34px;width:auto;display:block}
.footer-brand small{
  display:block;margin-top:10px;color:rgba(247,243,234,.62);
  font-size:13px;line-height:1.45;max-width:24ch
}
.footer-heading{
  margin:0 0 12px;color:#D4AF7C;
  font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase
}
.footer-col-links{display:grid;gap:8px;font-size:14px}
.footer-col-links a{
  color:rgba(247,243,234,.86);transition:color .2s ease,transform .2s ease;
  width:fit-content
}
.footer-col-links a:hover{color:#D4AF7C;transform:translateX(2px)}

.footer-services{display:grid;gap:10px}
.footer-service{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;
  color:inherit;width:fit-content;max-width:100%
}
.footer-service-ico{
  width:34px;height:34px;border-radius:10px;flex:none;
  display:grid;place-items:center;
  color:#D4AF7C;font-size:13px;font-weight:800;
  border:1px solid rgba(212,175,124,.34);
  background:rgba(212,175,124,.06)
}
.footer-service-ico svg{width:15px;height:15px;display:block}
.footer-service-text{display:grid;gap:1px;min-width:0}
.footer-service-text strong{
  color:#fff;font-size:13px;font-weight:700;letter-spacing:-.1px;line-height:1.2
}
.footer-service-text span{
  color:rgba(247,243,234,.5);font-size:11px;line-height:1.3
}
.footer-service:hover .footer-service-text strong{color:#D4AF7C}
.footer-service:hover .footer-service-ico{
  border-color:rgba(212,175,124,.55);
  background:rgba(212,175,124,.1)
}

.footer-aside{display:grid;gap:26px;align-content:start}
.footer-contact{display:grid;gap:10px}
.footer-contact a{
  display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;
  color:rgba(247,243,234,.84);font-size:13px;line-height:1.35;
  width:fit-content;max-width:100%;
  transition:color .2s ease
}
.footer-contact a:hover{color:#D4AF7C}
.footer-contact-ico{
  width:18px;height:18px;display:grid;place-items:center;color:#D4AF7C
}
.footer-contact-ico svg{width:16px;height:16px;display:block}

.footer-social{display:flex;flex-wrap:wrap;gap:8px}
.footer-social a{
  width:38px;height:38px;border-radius:10px;
  display:grid;place-items:center;
  color:#fff;
  background:rgba(212,175,124,.06);
  border:1px solid rgba(212,175,124,.3);
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease
}
.footer-social a:hover{
  background:rgba(212,175,124,.16);
  border-color:rgba(212,175,124,.55);
  color:#D4AF7C;transform:translateY(-1px)
}
.footer-social-icon{
  width:18px;height:18px;display:block;flex:none;
  object-fit:contain;border-radius:4px;pointer-events:none
}
.btn.whatsapp{
  padding:10px 16px;font-size:13px;
  background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff
}
.footer-bottom{
  position:relative;z-index:1;
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:22px;padding-top:16px;
  border-top:1px solid rgba(212,175,124,.18);
  font-size:12px;color:rgba(247,243,234,.42);line-height:1.4
}
.footer-main{padding:34px 0;display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer-links{display:flex;gap:24px;font-size:13px}
.footer-right{display:flex;align-items:center;gap:18px}

@media(max-width:1100px){
  .container{width:min(var(--max),calc(100% - 48px))}
  .navlinks{display:none}
  .menu{
    display:grid;place-items:center;width:44px;height:44px;margin:0 -11px;
    -webkit-tap-highlight-color:transparent
  }
  .hero{height:auto;min-height:0}
  .hero .hero-grid{
    grid-template-columns:1fr;min-height:0;height:auto;
    width:min(760px,100%);
    padding:92px clamp(24px,6vw,48px) 36px;
    gap:28px
  }
  .hero-content{padding:0 0 4px;max-width:none}
  .hero-art{
    position:relative;inset:auto;opacity:1;
    height:500px;min-height:460px;width:min(100%,760px);margin-inline:auto
  }
  .hero-stage{transform:none}
  .script-note{font-size:clamp(18px,4.2vw,24px);left:6%;bottom:12%}
  .service{
    --stack-top:64px;--stack-step:12px;padding-bottom:20px
  }
  .service-card,.service-card--reverse{
    grid-template-columns:1fr;min-height:0
  }
  .service-card--reverse .service-media,
  .service-card--reverse .service-body{order:initial}
  .service-media{padding:18px 18px 0}
  .service-img{min-height:220px;max-height:280px;border-radius:16px}
  .service-body{padding:22px 22px 26px}
  .service-num{top:8px;left:22px;font-size:64px}
  .service h3{margin-top:28px}
  .eco-grid{grid-template-columns:1fr;gap:36px}
  .eco-grid > :first-child{max-width:none}
  .eco-process{width:100%;max-width:420px;margin:0}
  .cases-featured{grid-template-columns:1fr;gap:20px}
  .cases-media img{min-height:320px;max-height:420px}
  #cases{
    height:auto;max-height:none;min-height:0;overflow:visible;
    padding:56px 0 52px
  }
  #cases > .container{display:block;height:auto;min-height:0;gap:0;width:min(var(--max),calc(100% - 48px))}
  #cases .cases-head{grid-template-columns:1fr;gap:16px;align-items:start;margin-bottom:22px}
  #cases .cases-head-side{justify-content:flex-start}
  #cases .cases-featured{
    display:grid;grid-template-columns:1fr;
    gap:16px;min-height:0;height:auto;max-height:none;overflow:visible
  }
  #cases .cases-browser{min-height:0;height:auto;max-height:none}
  #cases .cases-media{min-height:min(58vw,320px);max-height:none}
  #cases .cases-media img{max-height:none}
  #cases .cases-panel{height:auto;min-height:0;gap:14px;overflow:visible}
  #cases .cases-project,
  #cases .cases-strategy{
    flex:none;height:auto;min-height:0;overflow:visible;
    padding:18px 16px 16px
  }
  #cases .cases-project{display:flex;flex-direction:column;gap:0}
  #cases .cases-project .case-tags{
    position:relative;z-index:1;margin:4px 0 14px;gap:8px
  }
  #cases .cases-project p,
  #cases .cases-strategy p{
    display:block;-webkit-line-clamp:unset;overflow:visible;flex:none
  }
  #cases .cases-cta.btn{
    align-self:stretch;justify-content:center;margin-top:4px;width:100%
  }
  #cases .cases-head h2{max-width:none;font-size:clamp(28px,8vw,40px);letter-spacing:-1.6px}
  #cases .cases-footer{
    margin-top:18px;padding-top:4px;
    flex-direction:column;align-items:flex-start;gap:14px
  }
  #cases .cases-progress{width:100%;flex-wrap:wrap}
  #cases .cases-all{display:inline-block;line-height:1.4}
  .cta .container,.cta-layout{
    grid-template-columns:1fr;align-items:stretch;justify-content:center;
    padding:48px 0 44px;min-height:0;gap:22px
  }
  .cta .cta-eco{display:none}
  .cta-copy{
    max-width:none;width:100%;
    align-items:center;text-align:center
  }
  .cta-kicker{margin-bottom:14px}
  .cta h2{
    max-width:18ch;margin:0 auto 14px;
    font-size:clamp(28px,7.6vw,40px);letter-spacing:-1.2px;line-height:1.08
  }
  .cta-lead{margin:0 auto 26px;font-size:16px}
  .cta-actions{justify-content:center}
  .footer-shell{padding:28px 24px 16px;border-radius:18px}
  .footer-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:24px 22px
  }
  .footer-brand{grid-column:1 / -1;max-width:none}
  .footer-col--services{grid-column:1 / -1}
  .footer-aside{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
  .footer-main,.footer-bottom{flex-direction:row;align-items:center}
  .footer-links{flex-wrap:wrap}
  .footer-right{flex-wrap:wrap}
}
@media(max-width:800px){
  footer{padding:10px 0 16px}
  .footer-shell{
    padding:20px 18px 14px;border-radius:16px;
    background:#0b0b0b
  }
  .footer-mark{display:none}
  .footer-grid{
    grid-template-columns:1fr;gap:0;padding:0
  }
  .footer-brand,
  .footer-col--nav,
  .footer-col--services,
  .footer-aside,
  .footer-col--social,
  .footer-col--contact{
    grid-column:auto;max-width:none
  }
  .footer-aside{display:contents}
  .footer-brand,
  .footer-col--nav,
  .footer-col--services,
  .footer-col--social,
  .footer-col--contact{
    padding:13px 0;
    border-bottom:1px solid rgba(212,175,124,.16)
  }
  .footer-brand{padding:0 0 14px;order:1}
  .footer-col--nav{order:2}
  .footer-col--services{order:3}
  .footer-col--social{order:4}
  .footer-col--contact{order:5;border-bottom:0;padding-bottom:4px}
  .footer-heading{margin:0 0 8px;font-size:10.5px;letter-spacing:1.6px}
  .footer-col--nav .footer-heading{margin-bottom:2px}
  .footer-logo{font-size:22px}
  .footer-brand small{margin-top:8px;font-size:12.5px;line-height:1.45;max-width:none}
  .footer-col-links a,
  .footer-service,
  .footer-contact a,
  .footer-social a{-webkit-tap-highlight-color:transparent}
  .footer-col-links{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;font-size:13.5px
  }
  .footer-col-links a{display:flex;align-items:center;min-height:34px;width:auto}
  .footer-col-links a:active,
  .footer-contact a:active{color:#D4AF7C}
  .footer-services{gap:3px}
  .footer-service{
    grid-template-columns:30px minmax(0,1fr);gap:11px;min-height:34px;width:100%
  }
  .footer-service-ico{width:30px;height:30px;border-radius:8px}
  .footer-service-ico svg{width:14px;height:14px}
  .footer-service-text{gap:1px}
  .footer-service-text strong{font-size:13px}
  .footer-service-text span{font-size:11px;color:rgba(247,243,234,.55)}
  .footer-service:active .footer-service-ico{
    border-color:rgba(212,175,124,.55);background:rgba(212,175,124,.12)
  }
  .footer-col--social{
    display:flex;align-items:center;justify-content:space-between;gap:12px
  }
  .footer-col--social .footer-heading{margin:0}
  .footer-social{gap:8px;flex-wrap:nowrap}
  .footer-social a{width:38px;height:38px;border-radius:10px}
  .footer-social-icon{width:18px;height:18px}
  .footer-col--contact .footer-heading{margin-bottom:4px}
  .footer-contact{gap:0}
  .footer-contact a{min-height:32px;font-size:13px;gap:10px}
  .footer-bottom{
    order:6;flex-direction:column;align-items:flex-start;gap:4px;
    margin-top:6px;padding-top:14px;
    border-top:1px solid rgba(212,175,124,.16);
    font-size:11px;line-height:1.5
  }
  #cases{
    overflow-x:clip;overflow-y:visible
  }
  #cases .cases-head-side{display:none}
  #cases .cases-nav--footer{
    display:flex;gap:6px;margin-left:auto;flex:none
  }
  #cases .cases-nav--footer .cases-nav-btn{
    width:36px;height:36px;min-width:36px;min-height:36px;
    font-size:17px;border-color:rgba(13,13,13,.14);background:#fff
  }
  #cases .cases-featured{
    grid-template-columns:1fr;gap:16px;align-items:stretch;
    min-height:0;max-height:none;touch-action:pan-y
  }
  #cases .cases-browser{
    min-height:0;pointer-events:none;user-select:none
  }
  #cases .cases-hint{display:none!important}
  #cases .cases-media{
    min-height:min(62vw,340px);
    pointer-events:none;overflow:hidden
  }
  #cases .cases-media .pf-page-track,
  #cases .cases-media.is-page .pf-page-track{
    animation:none!important;transform:none!important
  }
  #cases .cases-media img,
  #cases .cases-media.is-fit img,
  #cases .cases-media.is-page img,
  #cases .cases-media.is-page .pf-page-track img{
    position:absolute;inset:0;left:0;top:0;
    width:100%;height:100%;max-width:none;max-height:none;
    min-width:0;min-height:0;
    object-fit:cover;object-position:top center;display:block
  }
  #cases .cases-cta.btn{pointer-events:auto}
  #cases .cases-footer{
    margin-top:18px;padding-top:4px;
    flex-direction:column;align-items:stretch;gap:14px
  }
  #cases .cases-progress{
    width:100%;display:flex;align-items:center;gap:10px;
    flex-wrap:nowrap;min-width:0
  }
  #cases .cases-counter{flex:none;white-space:nowrap}
  #cases .cases-dots{flex:1;min-width:0;flex-wrap:nowrap;overflow:hidden}
  #cases{padding:48px 0 44px}
  #cases .cases-strategy{order:1}
}
@media(max-width:680px){
  .container{width:min(var(--max),calc(100% - 30px))}
  .nav{height:72px}
  .nav .btn{display:none}
  .logo{font-size:26px}
  .hero .hero-grid{padding:84px 22px 28px}
  .hero-content{padding:0}
  .hero-art{height:360px;min-height:320px;width:100%}
  .hero h1{font-size:34px;letter-spacing:-1.2px;max-width:none}
  .hero .lead{font-size:15px;max-width:none}
  .hero-actions .btn{width:100%}
  .laptop{width:84%;left:2%;top:4%}
  .phone{width:24%;min-width:0;max-width:112px;right:6%;bottom:10%}
  .script-note{display:none}
  .services,.ecosystem,.cases{padding:64px 0}
  .section-head{display:block}
  .service{--stack-top:56px;--stack-step:10px;padding-bottom:16px}
  .service-media{padding:14px 14px 0}
  .service-img{min-height:190px;max-height:230px;border-radius:14px}
  .service h3{font-size:28px}
  .service p{font-size:15px}
  .orbit,.eco-process{width:100%;max-width:none;transform:none}
  .cases-head{margin-bottom:22px}
  .cases-project,.cases-strategy{padding:20px}
  .cases-media img{min-height:240px;max-height:320px}
  .cases-project h3{font-size:22px}
  #cases{padding:48px 0 44px;height:auto;max-height:none;min-height:0}
  #cases .cases-head{margin-bottom:16px}
  #cases .cases-featured{gap:14px;max-height:none}
  #cases .cases-media{min-height:min(70vw,300px)}
  #cases .cases-project,#cases .cases-strategy{padding:18px 16px 16px;overflow:visible}
  #cases .cases-project h3{font-size:22px}
  #cases .cases-meta{flex-wrap:wrap;row-gap:4px}
  #cases .cases-project .case-tags{margin-bottom:16px}
  #cases .cases-footer{
    margin-top:16px;
    flex-direction:column;
    align-items:stretch;
    gap:12px
  }
  #cases .cases-progress{
    gap:8px
  }
  #cases .cases-nav--footer .cases-nav-btn{
    width:40px;height:40px;min-width:40px;min-height:40px
  }
  #cases .cases-all{font-size:14px}
  .footer-links{flex-wrap:wrap}
  .footer-right{flex-wrap:wrap}
}

/* Home — primeira dobra, mobile only */
@media(max-width:680px){
  .home-page > header .nav{width:calc(100% - 44px)}
  .hero .hero-grid{padding:100px 22px 24px;gap:18px}
  .hero-kicker,.hero .lead,.hero-actions .btn.ghost{display:none}
  .hero-kicker-m{
    display:flex;align-items:center;gap:10px;margin:0 0 14px;
    font-size:12.5px;font-weight:600;line-height:1.3;letter-spacing:.1px;color:#D4AF7C
  }
  .hero-kicker-m::before{
    content:"";width:18px;height:1px;flex:none;background:currentColor;opacity:.7
  }
  .hero h1{
    font-size:clamp(32px,8.7vw,36px);line-height:1.04;letter-spacing:-1.2px;margin:0 0 16px
  }
  .hero-lead-m{
    display:block;margin:0;max-width:none;
    font-size:15px;line-height:1.55;color:rgba(247,243,234,.68);text-wrap:pretty
  }
  .hero-actions{flex-direction:column;align-items:stretch;gap:4px;margin-top:24px}
  .hero-actions .btn.accent{width:100%;min-height:50px;justify-content:center}
  .hero-link-m{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    align-self:center;min-height:44px;padding:0 12px;
    font-size:13.5px;font-weight:600;color:rgba(247,243,234,.78);
    -webkit-tap-highlight-color:transparent;transition:color .2s ease
  }
  .hero-link-m span{color:#D4AF7C;transition:transform .2s ease}
  .hero-link-m:active{color:#E6C995}
  .hero-link-m:active span{transform:translateX(2px)}
  .hero-art{height:300px;min-height:0}
  .laptop{top:2%}
  .phone{bottom:8%}

  .perception{
    display:block;padding:48px 0;
    border-top:1px solid rgba(255,255,255,.06);
    background:radial-gradient(ellipse at 20% 0%,rgba(212,175,124,.07),transparent 55%),#0D0D0D
  }
  .perception-inner{padding:0 22px}
  .perception-kicker{
    display:flex;align-items:center;gap:10px;margin:0 0 14px;
    font-size:12.5px;font-weight:600;line-height:1.3;color:#D4AF7C
  }
  .perception-kicker::before{
    content:"";width:18px;height:1px;flex:none;background:currentColor;opacity:.7
  }
  .perception h2{
    margin:0 0 24px;font-size:clamp(26px,7vw,30px);line-height:1.12;letter-spacing:-.9px;
    font-weight:800;color:#fff;text-wrap:balance
  }
  .perception h2 em{font-style:normal;color:#D4AF7C}
  .perception-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
  .perception-list li{
    display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;
    padding:12px 14px;border-radius:14px;
    border:1px solid rgba(212,175,124,.14);background:rgba(255,255,255,.025);
    font-size:14.5px;line-height:1.4;color:rgba(247,243,234,.84)
  }
  .perception-ico{
    width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
    color:#D4AF7C;border:1px solid rgba(212,175,124,.3);background:rgba(212,175,124,.06)
  }
  .perception-ico svg{width:17px;height:17px;display:block}
  .perception-bridge{
    margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(212,175,124,.18);
    font-size:16px;font-weight:600;line-height:1.45;color:#F7F3EA;text-wrap:pretty
  }

  .services{padding:48px 0 40px}
  .services > .container{width:100%;max-width:none;padding:0 22px;box-sizing:border-box}
  .services .section-head,.services .service-stack,.svc-more{display:none}
  .svc-m{display:block}
  .svc-m-kicker{
    display:flex;align-items:center;gap:10px;margin:0 0 12px;
    font-size:12.5px;font-weight:600;line-height:1.3;color:#8B6F47
  }
  .svc-m-kicker::before{
    content:"";width:18px;height:1px;flex:none;background:currentColor;opacity:.7
  }
  .svc-m-title{
    margin:0 0 22px;font-size:clamp(26px,7vw,30px);line-height:1.1;letter-spacing:-.9px;
    color:#0D0D0D;text-wrap:balance
  }
  .svc-m-grid{display:grid;gap:12px}
  .svc-m-card{
    display:block;padding:8px;border-radius:20px;color:inherit;
    background:#fff;border:1px solid rgba(212,175,124,.4);
    box-shadow:0 10px 26px rgba(139,111,71,.08);
    -webkit-tap-highlight-color:transparent;transition:transform .15s ease
  }
  .svc-m-card:active,.svc-m-row:active{transform:scale(.985)}
  .svc-m-card img{
    display:block;width:100%;aspect-ratio:2/1;object-fit:cover;
    border-radius:14px;background:#F7F3EA
  }
  .svc-m-body{display:grid;gap:4px;padding:12px 8px 6px}
  .svc-m-body strong{
    font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.4px;color:#0D0D0D
  }
  .svc-m-body > span{font-size:14px;line-height:1.45;color:#8B6F47}
  .svc-m-body em{
    display:inline-flex;align-items:center;gap:6px;margin-top:6px;
    font-style:normal;font-size:13px;font-weight:700;color:#0D0D0D
  }
  .svc-m-body em span{color:#B08A55}
  .svc-m-subhead{
    margin:28px 0 10px;font-size:13px;font-weight:700;line-height:1.3;color:#8B6F47
  }
  .svc-m-list{display:grid;gap:8px}
  .svc-m-row{
    display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:12px;align-items:center;
    padding:12px 14px;border-radius:16px;color:inherit;
    background:#fff;border:1px solid rgba(212,175,124,.4);
    -webkit-tap-highlight-color:transparent;transition:transform .15s ease
  }
  .svc-m-ico{
    width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
    color:#8B6F47;border:1px solid rgba(212,175,124,.45);background:rgba(212,175,124,.1)
  }
  .svc-m-ico svg{width:18px;height:18px;display:block}
  .svc-m-row-text{display:grid;gap:2px;min-width:0}
  .svc-m-row-text strong{font-size:15px;font-weight:800;line-height:1.25;color:#0D0D0D}
  .svc-m-row-text span{font-size:13px;line-height:1.4;color:#8B6F47}
  .svc-m-arrow{color:#B08A55;font-size:15px}
  .svc-m-all{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:44px;margin-top:14px;font-size:14px;font-weight:700;color:#0D0D0D
  }
  .svc-m-all span{color:#B08A55}

  .ecosystem{padding:48px 0 40px}
  .ecosystem > .eco-grid{display:block;width:100%;max-width:none;padding:0 22px;box-sizing:border-box}
  .ecosystem > .eco-grid > :not(.how-m){display:none}
  .how-m{display:block}
  .how-m-kicker{
    display:flex;align-items:center;gap:10px;margin:0 0 14px;
    font-size:12.5px;font-weight:600;line-height:1.3;color:#D4AF7C
  }
  .how-m-kicker::before{
    content:"";width:18px;height:1px;flex:none;background:currentColor;opacity:.7
  }
  .how-m-title{
    margin:0 0 26px;font-size:clamp(26px,7vw,30px);line-height:1.12;letter-spacing:-.9px;
    font-weight:800;color:#fff;text-wrap:balance
  }
  .how-m-title em{font-style:normal;color:#D4AF7C}
  .how-m-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}
  .how-m-steps li{
    position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start
  }
  .how-m-steps li:not(:last-child)::before{
    content:"";position:absolute;left:15.5px;top:38px;bottom:-14px;width:1px;
    background:linear-gradient(180deg,rgba(212,175,124,.45),rgba(212,175,124,.12))
  }
  .how-m-num{
    width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
    font-size:13px;font-weight:800;color:#D4AF7C;
    border:1px solid rgba(212,175,124,.5);background:rgba(212,175,124,.08)
  }
  .how-m-steps strong{display:block;margin:5px 0 3px;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.2px}
  .how-m-steps p{margin:0;font-size:14px;line-height:1.45;color:rgba(247,243,234,.62)}
  .how-m-link{
    display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:18px;
    font-size:14px;font-weight:600;color:rgba(247,243,234,.82);
    -webkit-tap-highlight-color:transparent;transition:color .2s ease
  }
  .how-m-link span{color:#D4AF7C}
  .how-m-link:active{color:#E6C995}

  #cases{padding:48px 0 40px}
  #cases > .container{width:100%;max-width:none;padding:0 22px;box-sizing:border-box}
  #cases .cases-head,#cases .cases-featured,#cases .cases-footer{display:none}
  .cases-m{display:block}
  .cases-m-kicker{
    display:flex;align-items:center;gap:10px;margin:0 0 12px;
    font-size:12.5px;font-weight:600;line-height:1.3;color:#8B6F47
  }
  .cases-m-kicker::before{
    content:"";width:18px;height:1px;flex:none;background:currentColor;opacity:.7
  }
  .cases-m-title{
    margin:0 0 22px;font-size:clamp(26px,7vw,30px);line-height:1.1;letter-spacing:-.9px;
    color:#0D0D0D;text-wrap:balance
  }
  .cases-m-track{
    display:flex;gap:12px;margin:0 -22px;padding:4px 22px 14px;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:22px;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none
  }
  .cases-m-track[hidden]{display:none}
  .cases-m-track::-webkit-scrollbar{display:none}
  .cases-m-card{
    flex:0 0 78%;scroll-snap-align:start;display:flex;flex-direction:column;
    padding:0;margin:0;border-radius:18px;overflow:hidden;text-align:left;
    font:inherit;color:inherit;cursor:pointer;
    background:#fff;border:1px solid rgba(212,175,124,.4);
    box-shadow:0 10px 26px rgba(139,111,71,.1);
    -webkit-tap-highlight-color:transparent;transition:transform .15s ease
  }
  .cases-m-card:active{transform:scale(.985)}
  .cases-m-bar{display:flex;gap:5px;padding:8px 12px;background:#141210}
  .cases-m-bar i{width:6px;height:6px;border-radius:50%;background:rgba(247,243,234,.28)}
  .cases-m-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#F7F3EA}
  .cases-m-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
  .cases-m-info{display:grid;gap:3px;padding:12px 14px 14px;border-top:1px solid rgba(212,175,124,.2)}
  .cases-m-info strong{font-size:16px;font-weight:800;line-height:1.2;letter-spacing:-.3px;color:#0D0D0D}
  .cases-m-info span{font-size:12.5px;line-height:1.35;color:#8B6F47}
  .cases-m-all{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:44px;margin-top:8px;font-size:14px;font-weight:700;color:#0D0D0D
  }
  .cases-m-all span{color:#B08A55}

  .cta .cta-layout{display:block;width:100%;max-width:none;padding:48px 22px 40px;box-sizing:border-box}
  .cta .cta-copy,.cta .cta-eco{display:none}
  .cta-m{display:block}
  .cta-m-kicker{
    display:flex;align-items:center;gap:10px;margin:0 0 14px;
    font-size:12.5px;font-weight:600;line-height:1.3;color:#D4AF7C
  }
  .cta-m-kicker::before{
    content:"";width:18px;height:1px;flex:none;background:currentColor;opacity:.7
  }
  .cta-m-title{
    margin:0 0 12px;font-size:clamp(26px,7vw,30px);line-height:1.12;letter-spacing:-.9px;
    font-weight:800;color:#fff;text-wrap:balance
  }
  .cta-m-title em{font-style:normal;color:#D4AF7C}
  .cta-m-lead{margin:0 0 24px;font-size:15px;line-height:1.55;color:rgba(247,243,234,.68);text-wrap:pretty}
  .cta-m-btn{width:100%;min-height:50px;justify-content:center;text-align:center}
  .cta-m-wa{
    display:flex;align-items:center;justify-content:center;gap:8px;
    width:fit-content;min-height:44px;margin:6px auto 0;padding:0 12px;
    font-size:13.5px;font-weight:600;color:rgba(247,243,234,.78);
    -webkit-tap-highlight-color:transparent;transition:color .2s ease
  }
  .cta-m-wa svg{width:17px;height:17px;flex:none;color:#D4AF7C}
  .cta-m-wa:active{color:#E6C995}
}