/* Savannah Hub — sistema mobile-first.
   3 níveis de espaço: entre seções (--sec) › entre blocos (--gap-head) › dentro dos cards (--pad-card).
   Tipografia fluida (clamp) para escalar sem saltos. */
:root{color-scheme:dark;
  --bg:#0A0C0A;--card:#0B0F0C;--green:#16B074;--mint:#3DD898;--deep:#0B6A46;--ink:#04130C;--white:#F4F7F3;
  --t86:rgba(244,247,243,.86);--t74:rgba(244,247,243,.74);--t72:rgba(244,247,243,.72);--t60:rgba(244,247,243,.6);--t45:rgba(244,247,243,.45);
  --line:rgba(244,247,243,.07);--border:#26342b;
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --gutter:22px;--sec:88px;--gap-head:44px;--pad-card:30px 26px 28px;
  --fs-h1:clamp(36px,3.2vw + 24px,64px);
  --fs-h2:clamp(29px,1.9vw + 22px,46px);
  --fs-cta:clamp(29px,1.6vw + 23px,42px);
  --fs-h3:clamp(22px,.4vw + 20px,25px);
  --fs-lead:clamp(17px,.5vw + 15px,20px);
  --fs-body:clamp(16px,.25vw + 15px,17px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--white);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:999px}
img{display:block;max-width:100%;height:auto}
svg{display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
section[id]{scroll-margin-top:84px}
::selection{background:var(--mint);color:var(--ink)}
.container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
.svg-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.small-icon{width:16px;height:16px}
.skip-link{position:fixed;top:12px;left:12px;z-index:30;padding:12px 20px;border-radius:999px;background:var(--green);color:var(--ink);font-weight:700;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}

@keyframes savGlow{0%,100%{opacity:.78}50%{opacity:1}}
@keyframes savPulse{0%,100%{opacity:1;box-shadow:0 0 8px #3DD898}50%{opacity:.45;box-shadow:0 0 2px #3DD898}}
@keyframes savSpark{0%{top:0;opacity:0}4%{opacity:1}30%{opacity:1}34%{top:100%;opacity:0}100%{top:100%;opacity:0}}
@keyframes savRing{0%{box-shadow:0 0 0 0 rgba(61,216,152,.55),0 8px 22px rgba(22,176,116,.35)}70%,100%{box-shadow:0 0 0 14px rgba(61,216,152,0),0 8px 22px rgba(22,176,116,.35)}}
@keyframes savDriftA{0%,100%{transform:translate3d(-14%,-10%,0) scale(1)}50%{transform:translate3d(34%,26%,0) scale(1.22)}}
@keyframes savDriftB{0%,100%{transform:translate3d(12%,16%,0) scale(1.08)}50%{transform:translate3d(-30%,-24%,0) scale(.86)}}

/* Botões — pílula */
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:15px 26px;border:1.5px solid transparent;border-radius:999px;font-size:16px;font-weight:700;line-height:1.2;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s,color .2s}
.button .icon{transition:transform .2s}
.button:hover .icon{transform:translate(2px,-2px)}
.button-primary{background:var(--green);border-color:var(--green);color:var(--ink);box-shadow:0 10px 30px rgba(22,176,116,.38)}
.button-primary:hover{background:var(--mint);border-color:var(--mint);transform:translateY(-2px);box-shadow:0 14px 40px rgba(22,176,116,.5)}
.button-outline{background:transparent;border-color:rgba(244,247,243,.25);color:var(--white);font-weight:600}
.button-outline:hover{border-color:rgba(61,216,152,.6);background:rgba(22,176,116,.08);transform:translateY(-2px)}

/* Eyebrow */
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.section-label{margin-bottom:16px}
.section-label>span{color:var(--t45)}

/* Header — logo + menu hambúrguer (todas as telas) */
.header{position:sticky;top:0;z-index:20;background:rgba(10,12,10,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .3s}
.header.is-open{background:rgba(10,12,10,.97)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding-block:12px}
.brand{display:block;width:132px;flex-shrink:0}
.menu-toggle{display:grid;place-items:center;width:44px;height:44px;margin-right:-9px;padding:0;background:none;border:0;border-radius:12px;color:var(--white);cursor:pointer;transition:background .2s}
.menu-toggle:hover{background:rgba(244,247,243,.06)}
.menu-toggle:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.menu-toggle-bars{position:relative;display:block;width:26px;height:20px}
.menu-toggle-bars span{position:absolute;left:0;width:26px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .2s ease,top .3s ease}
.menu-toggle-bars span:nth-child(1){top:3px}
.menu-toggle-bars span:nth-child(2){top:9px}
.menu-toggle-bars span:nth-child(3){top:15px}
.header.is-open .menu-toggle-bars span:nth-child(1){top:9px;transform:rotate(45deg)}
.header.is-open .menu-toggle-bars span:nth-child(2){opacity:0}
.header.is-open .menu-toggle-bars span:nth-child(3){top:9px;transform:rotate(-45deg)}
.menu{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .35s ease,opacity .3s ease,visibility 0s .35s}
.header.is-open .menu{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .35s ease,opacity .3s ease,visibility 0s}
.menu-nav{min-height:0;overflow:hidden}
.menu-panel{display:flex;flex-direction:column;padding:4px 0 20px}
.menu-link{display:flex;align-items:center;min-height:52px;padding:0 2px;color:var(--t86);font-size:16px;font-weight:500;transition:color .2s}
.menu-link+.menu-link{border-top:1px solid rgba(244,247,243,.07)}
.menu-link:hover{color:var(--mint)}
.menu-cta{margin-top:16px;width:100%;min-height:52px;font-size:15px}

/* Hero — o primeiro acontecimento: no celular o vídeo do Zé abre a página (1:1); no desktop ele vem abaixo do texto (16:9) */
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:20px var(--gutter) 96px;text-align:center}
.hero-media{order:-1;position:relative;width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter)) 36px;aspect-ratio:1;background:var(--bg);overflow:hidden;line-height:0}
.hero-media video{display:block;width:100%;height:100%;object-fit:contain;background:var(--bg)}
.hero-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,var(--bg),transparent 4%,transparent 96%,var(--bg)),linear-gradient(to bottom,var(--bg),transparent 4%,transparent 96%,var(--bg))}
.hero-glow{position:absolute;z-index:-1;top:-90px;left:50%;transform:translateX(-50%);width:560px;height:420px;max-width:100%;background:radial-gradient(circle at 50% 35%,rgba(61,216,152,.45),rgba(11,106,70,.12) 42%,transparent 66%);filter:blur(8px);animation:savGlow 6s ease-in-out infinite;pointer-events:none}
.hero-copy{position:relative;width:100%;max-width:880px;margin-inline:auto}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(22,176,116,.12);border:1px solid rgba(61,216,152,.3);color:var(--mint);font-size:12.5px;font-weight:600;line-height:1.3;padding:7px 14px;border-radius:999px;margin-bottom:26px}
.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--mint);animation:savPulse 2s ease-in-out infinite}
h1{font-size:var(--fs-h1);font-weight:900;line-height:1.06;letter-spacing:-.028em;margin-bottom:20px}
h1 span{color:var(--mint)}
.hero-mobile-break{display:block}
.desktop-break{display:none}
.hero-description{font-size:var(--fs-lead);line-height:1.6;color:var(--t74);max-width:36ch;margin-inline:auto}
.hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}
.hero-actions .button{width:100%}

/* Seções */
.section{padding-block:var(--sec)}
.section--card{background:var(--bg)}
.section--line{border-top:1px solid var(--line)}
.section-heading{margin-bottom:var(--gap-head)}
h2{font-size:var(--fs-h2);font-weight:800;line-height:1.12;letter-spacing:-.022em}
h2 span{color:var(--mint)}
.section-heading>p{font-size:var(--fs-body);line-height:1.65;color:var(--t72);margin-top:20px;max-width:46ch}

/* Cards de serviço — enxutos: título, uma frase, lista com fios, ação em pílula */
.service-grid{display:grid;grid-template-columns:1fr;gap:20px}
.service{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:22px;transition:border-color .3s,transform .3s}
/* Fundo vivo dos cards: duas luzes suaves em verde deslizam bem devagar atrás do conteúdo (só transform — leve na GPU; cada card com fase diferente) */
.service:before,.service:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;aspect-ratio:1;will-change:transform}
.service:before{top:-38%;left:-26%;width:88%;background:radial-gradient(circle,rgba(22,176,116,.28),rgba(22,176,116,.09) 36%,transparent 68%);animation:savDriftA 22s ease-in-out infinite}
.service:after{right:-32%;bottom:-42%;width:78%;background:radial-gradient(circle,rgba(61,216,152,.18),rgba(61,216,152,.06) 38%,transparent 68%);animation:savDriftB 27s ease-in-out infinite}
.service:nth-child(2):before{animation-delay:-8s}.service:nth-child(2):after{animation-delay:-13s}
.service:nth-child(3):before{animation-delay:-15s}.service:nth-child(3):after{animation-delay:-21s}
.service:hover{border-color:#476553;transform:translateY(-4px)}
.service-copy{display:flex;flex-direction:column;flex:1;padding:var(--pad-card)}
h3{font-size:var(--fs-h3);font-weight:800;letter-spacing:-.022em;line-height:1.2}
.service-copy>p{font-size:15px;line-height:1.65;color:var(--t60);margin-top:14px;max-width:34ch}
.service-details{list-style:none;display:flex;flex-direction:column;padding:0;margin:28px 0 32px}
.service-details li{padding:11px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--t74)}
.service-details li:last-child{border-bottom:1px solid var(--line)}
.service-link{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:auto;min-height:42px;padding:9px 16px 9px 18px;border:1px solid rgba(244,247,243,.16);border-radius:999px;color:var(--white);font-size:14px;font-weight:600;line-height:1.2;transition:border-color .2s,background .2s}
.service-link .icon{width:15px;height:15px;color:var(--mint);transition:transform .2s}
.service-link:hover{border-color:rgba(61,216,152,.55);background:rgba(22,176,116,.08)}
.service-link:hover .icon{transform:translate(2px,-2px)}

/* Processo — intro + trilha */
.process{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
.process-intro>p:not(.eyebrow){font-size:var(--fs-body);line-height:1.65;color:var(--t72);margin-top:20px;max-width:40ch}
.process-intro .button{margin-top:32px;width:100%;white-space:normal;text-align:center}
/* Zé apresentando os 3 passos — no celular fecha a seção, depois dos passos; no desktop fica sob a intro, na coluna da esquerda */
.process-mascot{width:min(100%,420px);margin:0 auto}
.process-mascot img{display:block;width:100%;height:auto}
.process-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.process-list li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;align-items:start;padding-bottom:20px}
.process-list li:last-child{padding-bottom:0}
.step-rail{position:relative;align-self:stretch;padding-top:6px}
.step-number{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg);border:1px solid rgba(61,216,152,.35);color:var(--mint);font-size:14px;font-weight:800;letter-spacing:.02em;transition:background .3s,border-color .3s}
.process-list li:nth-child(2) .step-number{background:rgba(22,176,116,.14);border-color:rgba(61,216,152,.6)}
.process-list li:last-child .step-number{background:var(--green);border-color:var(--green);color:var(--ink);animation:savRing 2.8s ease-out infinite}
.step-line{position:absolute;left:21px;top:56px;bottom:-14px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(61,216,152,.6),rgba(61,216,152,.2) 60%,rgba(61,216,152,.6));box-shadow:0 0 10px rgba(61,216,152,.3)}
.step-spark{position:absolute;left:-3px;top:0;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px 2px rgba(61,216,152,.9);opacity:0;animation:savSpark 4.2s cubic-bezier(.4,0,.2,1) infinite}
.process-list li:nth-child(2) .step-spark{animation-delay:1.4s}
.step-card{position:relative;overflow:hidden;background:url(assets/step-haze.png) center/cover no-repeat,linear-gradient(180deg,rgba(244,247,243,.03),rgba(244,247,243,.01));border:1px solid rgba(61,216,152,.1);box-shadow:inset 0 1px 0 rgba(244,247,243,.06);border-radius:18px;padding:26px 24px 28px;transition:border-color .3s,transform .3s,background-color .3s}
.process-list li:hover .step-card{border-color:rgba(61,216,152,.35);transform:translateX(4px);background-color:rgba(22,176,116,.06)}
.process-list li:hover .step-number{border-color:var(--mint);background:rgba(22,176,116,.18)}
.process-list li:last-child:hover .step-number{background:var(--mint)}
.process-list h3{font-size:18.5px;position:relative;letter-spacing:-.018em}
.process-list p{font-size:15px;line-height:1.6;color:var(--t72);margin-top:8px;position:relative;max-width:40ch}

/* Cases & clientes — carrossel de reels (VTurb) */
.cases-viewport{position:relative}
.cases-viewport:before,.cases-viewport:after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:28px;pointer-events:none}
.cases-viewport:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}
.cases-viewport:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}
.cases-track{list-style:none;margin:0;padding:6px var(--gutter) 14px;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.cases-track::-webkit-scrollbar{display:none}
.cases-track:active{cursor:grabbing}
.case{position:relative;flex:none;width:min(78vw,300px);aspect-ratio:9/16;overflow:hidden;border-radius:20px;background:var(--card);border:1px solid var(--border);transition:border-color .3s,transform .3s}
.case:hover{border-color:#476553;transform:translateY(-4px)}
.case-media{position:absolute;inset:0;background:#07100c}
.case-media iframe,.case-media video{display:block;width:100%;height:100%;border:0}
.case-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font:600 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:repeating-linear-gradient(135deg,#0e1a12 0 9px,#0b140d 9px 18px)}

/* Resultados — números em grade 2×2 + mascote */
.numbers-layout{display:grid;grid-template-columns:1fr;gap:36px;align-items:end}
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.stat{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px 14px;background:var(--card);border:1px solid var(--border);border-radius:20px;transition:border-color .3s,transform .3s}
.stat:hover{border-color:#476553;transform:translateY(-4px)}
.stat-value{font-size:clamp(32px,2vw + 22px,56px);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--mint);font-variant-numeric:tabular-nums}
.stat-label{font-size:13px;font-weight:500;line-height:1.45;color:var(--t72);max-width:22ch}
.numbers-mascot{justify-self:center;width:min(78%,340px)}
.numbers-mascot img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}

/* Logos — quem confia */
.logos{padding-block:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.logos-caption{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--t60);margin-bottom:24px}
.logo-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.logo-slot{display:flex;align-items:center;justify-content:center;width:140px;height:46px;border-radius:10px;border:1px solid var(--line);background:repeating-linear-gradient(135deg,#0e1a12 0 9px,#0b140d 9px 18px);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.logo-slot img{max-height:28px;width:auto;opacity:.85}

/* Contato — painel com borda e paisagem abstrata */
.contact{padding-block:var(--sec) calc(var(--sec) - 24px)}
.contact-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;border:1px solid #374739;border-radius:20px;background:#07100c}
.contact-landscape{position:absolute;z-index:-3;inset:0;pointer-events:none}
.contact-landscape img{width:100%;height:100%;object-fit:cover;object-position:65% bottom}
.contact-shade{position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,17,12,.97) 0%,rgba(9,19,11,.92) 48%,rgba(10,19,12,.6) 76%,rgba(10,19,12,.18) 100%)}
.contact-copy{position:relative;width:100%;max-width:620px;padding:44px 28px 48px;text-align:left}
.contact .eyebrow{margin-bottom:20px}
.contact h2{font-size:var(--fs-cta);font-weight:800;line-height:1.1;letter-spacing:-.028em}
.contact h2 span{color:#b6c9bd}
.contact-intro{font-size:17px;line-height:1.6;color:var(--t74);margin-top:22px;max-width:34ch}
.contact .button-primary{margin-top:32px;width:100%;min-height:56px;font-size:16.5px;background:var(--mint);border-color:var(--mint);box-shadow:0 12px 34px rgba(61,216,152,.28)}
.contact .button-primary:hover{background:#6ee3af;border-color:#6ee3af}
.contact-note{display:block;margin-top:14px;font-size:13.5px;color:var(--t60);text-align:center}

/* Rodapé — o Zé espia por cima do balcão (imagem de ponta a ponta, fundo escuro atrás dele); o bege do rodapé continua a cor exata do balcão */
.footer{background:#EAD9C9;color:var(--ink);padding:0 var(--gutter) 40px}
.footer-mascot{margin:0 calc(-1 * var(--gutter));background:var(--bg);padding-top:24px;line-height:0}
.footer-mascot picture,.footer-mascot img{display:block;width:100%;height:auto}
.footer-ledge{position:relative;z-index:1;margin:0 calc(-1 * var(--gutter));height:clamp(26px,7vw,40px);background:linear-gradient(180deg,#F1E4D6,#E4D3C0);border-top:2px solid #FBF6F0;box-shadow:0 10px 22px rgba(4,19,12,.1)}
.footer-top{max-width:1240px;margin-inline:auto;padding-top:56px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.footer-brand{width:136px}
.footer p{font-size:14px;line-height:1.6;color:rgba(4,19,12,.62);margin-top:14px}
.back-to-top{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:600;color:rgba(4,19,12,.72);transition:color .2s}
.back-to-top .icon{transition:transform .2s}
.back-to-top:hover{color:var(--deep)}
.back-to-top:hover .icon{transform:translate(2px,-2px)}
.footer-bottom{max-width:1240px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(4,19,12,.1);font-size:13px;color:rgba(4,19,12,.5)}
.footer small{font-size:inherit}

/* Atalho fixo (só celular) */
.mobile-contact{position:fixed;z-index:15;bottom:0;left:0;right:0;visibility:hidden;transform:translateY(120%);padding:12px var(--gutter) max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(244,247,243,.08);background:rgba(10,12,10,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s,visibility .25s}
.mobile-contact .button{width:100%}
.mobile-contact.is-visible{visibility:visible;transform:translateY(0)}

/* ——— Escala para cima ——— */
@media(max-width:339px){.brand{width:112px}}
@media(min-width:480px){
  :root{--gutter:26px}
  .brand{width:146px}
  .hero-description{max-width:440px}
}
@media(min-width:600px){
  .mobile-contact{display:none}
  .hero-actions{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:40px}
  .hero-actions .button,.process-intro .button{width:auto}
  .contact .button-primary{width:auto;min-width:250px;padding-inline:34px}
}
@media(min-width:640px){
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .service:last-child{grid-column:1/-1}
  .service:last-child .service-details{max-width:52ch}
  .stats{gap:16px}
}
@media(min-width:700px){
  :root{--gutter:32px;--sec:120px;--gap-head:56px;--pad-card:36px 32px 32px}
  .icon{width:20px;height:20px}
  .button{gap:12px;min-height:56px;padding:16px 32px;font-size:17px}
  section[id]{scroll-margin-top:96px}
  .header-inner{gap:24px;min-height:80px;padding-block:16px}
  .brand{width:164px}
  .menu{position:absolute;top:100%;left:0;right:0;grid-template-rows:1fr;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}
  .header.is-open .menu{transform:none;transition:opacity .25s ease,transform .25s ease,visibility 0s}
  .menu-nav{display:flex;justify-content:flex-end;padding-block:10px;overflow:visible}
  .menu-panel{width:320px;padding:8px 20px 20px;background:rgba(10,12,10,.96);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .menu-link{min-height:50px}
  .menu-cta{min-height:52px;font-size:15px;padding:14px 24px}
  .eyebrow{font-size:13px}
  .section-label{margin-bottom:18px}
  .hero{padding-block:96px 120px}
  .hero-media{order:0;width:min(100%,1100px);margin:64px auto 0;aspect-ratio:16/9}
  .hero-glow{top:-120px;width:900px;height:640px}
  .hero-badge{font-size:13px;padding:7px 15px;margin-bottom:30px}
  h1{line-height:1.04;letter-spacing:-.03em;margin-bottom:26px}
  .hero-mobile-break{display:none}
  .desktop-break{display:block}
  .hero-description{max-width:620px}
  h2{line-height:1.08}
  .service{border-radius:24px}
  .service-copy>p{margin-top:16px}
  .service-details{margin:30px 0 34px}
  .service-details li{font-size:15px;padding:12px 0}
  .service-link{font-size:14.5px;min-height:44px;padding:10px 18px 10px 20px}
  .process{gap:64px}
  .process-intro>p:not(.eyebrow){margin-top:22px}
  .process-list li{column-gap:24px;padding-bottom:24px}
  .step-line{bottom:-18px}
  .step-card{border-radius:20px;padding:30px 32px 32px}
  .process-list h3{font-size:20px}
  .process-list p{font-size:15.5px}
  .cases-viewport:before,.cases-viewport:after{width:72px}
  .cases-track{gap:20px;padding-bottom:18px}
  .case{width:300px;border-radius:22px}
  .stat{padding:34px 24px;border-radius:22px}
  .stat-label{font-size:14.5px}
  .logos{padding-block:64px}
  .logos-caption{margin-bottom:32px}
  .logo-row{gap:20px}
  .logo-slot{width:168px;height:56px;border-radius:12px}
  .logo-slot img{max-height:32px}
  .contact-panel{min-height:480px;border-radius:24px}
  .contact-landscape img{object-position:67% center}
  .contact-shade{background:linear-gradient(90deg,rgba(7,16,12,.96) 0%,rgba(7,17,12,.8) 46%,rgba(9,23,12,.04) 100%)}
  .contact-copy{padding:64px 56px 68px;max-width:760px}
  .contact-intro{font-size:18px}
  .contact .button-primary{margin-top:36px}
  .contact-note{text-align:left;font-size:14px}
  .footer{padding:0 var(--gutter) 48px}
  .footer-mascot{padding-top:40px}
  .footer-top{padding-top:72px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
  .footer-brand{width:156px}
  .footer-bottom{margin-top:48px}
}
@media(min-width:768px){
  .footer{background:#E6D0BF}
}
@media(min-width:900px){
  .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
  .section-heading>p{margin-top:0;max-width:400px;padding-bottom:8px;flex-shrink:0}
  .process{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 72px}
  .process-intro{grid-column:1;grid-row:1}
  .process-list{grid-column:2;grid-row:1/span 2}
  .process-mascot{grid-column:1;grid-row:2;width:100%;max-width:480px;margin:0}
  .process-intro .button{margin-top:36px;text-align:left;white-space:nowrap;padding:14px 24px;font-size:16px}
  .numbers-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
  .numbers-mascot{width:100%;max-width:440px;justify-self:end}
}
@media(min-width:1024px){
  :root{--gutter:40px;--sec:144px;--gap-head:64px;--pad-card:40px 36px 34px}
  .brand{width:176px}
  .hero{padding-block:112px 128px}
  .hero-media{margin-top:72px}
  .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
  .service:last-child{grid-column:auto}
  .service:last-child .service-details{max-width:none}
  .process{gap:96px}
  .process-intro .button{padding:16px 32px;font-size:17px}
  .stats{gap:20px}
  .numbers-layout{gap:72px}
  .numbers-mascot{max-width:480px}
  .cases-track{gap:24px}
  .case{width:320px}
  .contact-panel{min-height:540px}
  .contact-copy{padding:80px 72px;max-width:780px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .service:hover,.stat:hover,.case:hover,.process-list li:hover .step-card,.button:hover,.button:hover .icon,.service-link:hover .icon,.back-to-top:hover .icon{transform:none}
  .step-spark{display:none}
}