.detail-page{--detail-gutter:max(5%,calc((100vw - 1440px)/2));overflow-x:hidden;background:var(--paper)}
.detail-page .detail-header{position:relative;z-index:10}
.detail-page main{overflow:hidden}
.breadcrumb{min-height:58px;padding:0 var(--detail-gutter);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.breadcrumb a{color:#6f716b;transition:color .2s}
.breadcrumb a:hover{color:var(--orange)}
.breadcrumb strong{font-weight:500}
.detail-section{padding:110px var(--detail-gutter)}
.detail-kicker{display:block;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.detail-hero{min-height:calc(100vh - 160px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.7fr);gap:8vw;align-items:center;padding-top:60px;padding-bottom:75px}
.detail-hero-copy h1,.index-hero h1{font-size:clamp(70px,8.5vw,142px);font-weight:500;letter-spacing:-.075em;line-height:.92;margin:45px 0 38px}
.detail-hero-copy h1 em,.index-hero h1 em{color:var(--orange)}
.detail-hero-copy>p{font-size:17px;line-height:1.65;max-width:590px;margin:0 0 36px;color:#555851}
.detail-hero-side{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:24px}
.detail-hero-side>p{margin:0;font:10px/1.8 var(--mono);letter-spacing:.06em;color:#72756d;text-transform:uppercase}
.detail-hero-side>p strong{color:var(--ink);font-weight:500}
.detail-visual{--mx:0;--my:0;--sy:0;--shape-a:46% 54% 58% 42%;--shape-b:58% 42% 48% 52%;--shape-c:50%;aspect-ratio:1;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 22%,rgba(255,90,31,.2),transparent 25%),radial-gradient(circle at 28% 76%,rgba(255,255,255,.1),transparent 29%),linear-gradient(145deg,#20221f,#101110 68%);border:1px solid rgba(255,255,255,.16);border-radius:var(--shape-a);box-shadow:inset 0 1px rgba(255,255,255,.22),inset 0 -40px 80px rgba(0,0,0,.3),0 34px 70px rgba(23,24,23,.16);transform:perspective(950px) rotateX(calc((var(--sy) * 5deg) + (var(--my) * -3deg))) rotateY(calc((var(--sy) * -7deg) + (var(--mx) * 4deg))) translateY(calc(var(--sy) * 15px));transform-style:preserve-3d;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-radius .5s ease}
.detail-visual:before{content:"";position:absolute;inset:-28%;z-index:-1;background:conic-gradient(from 80deg,transparent,rgba(255,90,31,.28),transparent 34%,rgba(255,255,255,.12),transparent 67%);animation:glass-ambient 18s linear infinite}
.detail-visual:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.16) 32%,transparent 43%);mix-blend-mode:screen;transform:translateX(calc(var(--mx) * 7%));opacity:.7}
.visual-ambient{position:absolute;inset:7%;border:1px solid rgba(255,255,255,.1);border-radius:inherit;box-shadow:0 0 50px rgba(255,90,31,.09),inset 0 0 40px rgba(255,255,255,.03);transform:translate3d(calc(var(--mx) * -8px),calc(var(--my) * -8px),0) rotate(calc(var(--sy) * 5deg));transition:transform .3s ease-out}
.detail-visual .visual-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:12.5% 12.5%;-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 75%);mask-image:radial-gradient(circle,#000 20%,transparent 75%)}
.glass-layer{position:absolute;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.035) 55%,rgba(255,90,31,.08));box-shadow:inset 0 1px rgba(255,255,255,.25),0 18px 45px rgba(0,0,0,.2);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.glass-layer--back{inset:10% 16%;border-radius:var(--shape-a);transform:translate3d(calc(var(--mx) * -13px),calc(var(--my) * -13px),0) rotate(calc(-12deg + (var(--sy) * 8deg)))}
.glass-layer--mid{inset:20% 10%;border-radius:var(--shape-b);transform:translate3d(calc(var(--mx) * 9px),calc(var(--my) * 9px),16px) rotate(calc(18deg + (var(--sy) * -10deg)))}
.glass-layer--front{inset:31%;border-radius:var(--shape-c);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.3),rgba(255,255,255,.07) 45%,rgba(255,90,31,.16));transform:translate3d(calc(var(--mx) * 17px),calc(var(--my) * 17px),32px) rotate(calc(var(--sy) * 14deg));box-shadow:inset 0 1px rgba(255,255,255,.34),0 20px 48px rgba(0,0,0,.28),0 0 34px rgba(255,90,31,.1)}
.detail-visual .visual-orbit{position:absolute;inset:8%;border:1px solid rgba(255,90,31,.75);border-radius:48% 52% 60% 40%;filter:drop-shadow(0 0 6px rgba(255,90,31,.25));animation:detail-orbit 15s linear infinite}
.detail-visual>.visual-node{position:absolute;z-index:7;width:8px;height:8px;background:#ff6b32;border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 0 0 7px rgba(255,90,31,.12),0 0 18px rgba(255,90,31,.7)}
.detail-visual>.visual-node:nth-of-type(1){left:18%;top:36%}.detail-visual>.visual-node:nth-of-type(2){right:18%;top:19%}.detail-visual>.visual-node:nth-of-type(3){right:27%;bottom:27%}
.visual-scan{position:absolute;z-index:6;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),var(--orange),transparent);box-shadow:0 0 12px rgba(255,90,31,.3);animation:glass-scan 6s ease-in-out infinite}
.detail-visual--estrategia-de-marketing{--shape-a:18% 42% 24% 48%;--shape-b:42% 18% 46% 22%;--shape-c:20%}
.detail-visual--criacao-de-sites{--shape-a:9%;--shape-b:18%;--shape-c:10%}.detail-visual--criacao-de-sites .glass-layer--back{inset:12% 18%;transform:translate3d(calc(var(--mx) * -12px),calc(var(--my) * -12px),0) rotate(calc(-7deg + (var(--sy) * 5deg)))}.detail-visual--criacao-de-sites .glass-layer--mid{inset:20% 13%;transform:translate3d(calc(var(--mx) * 9px),calc(var(--my) * 9px),16px) rotate(calc(7deg + (var(--sy) * -7deg)))}
.detail-visual--seo{--shape-a:50%;--shape-b:50%;--shape-c:50%}.detail-visual--seo .glass-layer--back{inset:11% 25%}.detail-visual--seo .glass-layer--mid{inset:25% 11%}
.detail-visual--criacao-de-marca{--shape-a:66% 34% 63% 37%;--shape-b:35% 65% 40% 60%;--shape-c:60% 40% 56% 44%}
.detail-visual--branding{--shape-a:50%;--shape-b:50% 25%;--shape-c:50%}.detail-visual--branding .glass-layer--mid{transform:translate3d(calc(var(--mx) * 9px),calc(var(--my) * 9px),16px) rotate(calc(45deg + (var(--sy) * -10deg)))}
.city-page .detail-visual{--shape-a:8%;--shape-b:12%;--shape-c:18%;border-radius:8%;background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.28),transparent 30%),linear-gradient(145deg,#ff713d,#e8450e);border-color:rgba(255,255,255,.35);box-shadow:inset 0 1px rgba(255,255,255,.38),0 32px 70px rgba(177,51,5,.18)}
.city-page .glass-layer{background:linear-gradient(145deg,rgba(255,255,255,.26),rgba(23,24,23,.08) 70%);border-color:rgba(255,255,255,.42);box-shadow:inset 0 1px rgba(255,255,255,.44),0 18px 40px rgba(116,31,0,.16)}
.city-page .detail-visual .visual-grid{opacity:.24;background-image:linear-gradient(rgba(23,24,23,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,23,.18) 1px,transparent 1px)}
.city-page .detail-visual .visual-orbit{border-color:rgba(23,24,23,.6);border-radius:12%;transform:rotate(36deg);filter:none}
.city-page .detail-visual>.visual-node{background:var(--ink);border-color:rgba(255,255,255,.6);box-shadow:0 0 0 7px rgba(23,24,23,.09)}
.city-page .visual-scan{background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),rgba(23,24,23,.45),transparent)}
@keyframes detail-orbit{to{transform:rotate(360deg)}}
@keyframes glass-ambient{to{transform:rotate(360deg)}}
@keyframes glass-scan{0%,100%{transform:translateY(-90px);opacity:.2}50%{transform:translateY(90px);opacity:.85}}
.statement-section{background:var(--orange);display:grid;grid-template-columns:.45fr 1.55fr;gap:8vw}
.statement-section h2{font-size:clamp(31px,4.2vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.17;margin:0}
.section-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw;align-items:start;margin-bottom:70px}
.section-heading h2{font-size:clamp(43px,5.2vw,82px);font-weight:500;letter-spacing:-.06em;line-height:1.02;margin:0}
.section-heading h2 em{color:var(--orange)}
.modules-section{background:var(--ink);color:var(--paper)}
.deliverable-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid #474941;border-top:1px solid #474941}
.deliverable-grid article{min-height:230px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #474941;border-bottom:1px solid #474941;transition:background .3s,transform .3s}
.deliverable-grid article:hover{background:#232522;transform:translateY(-4px)}
.deliverable-grid span{font:9px var(--mono);color:#8c8f85}
.deliverable-grid h3{font-size:clamp(24px,2.6vw,41px);font-weight:500;letter-spacing:-.045em;margin:0;max-width:420px}
.process-section{background:#e7e5de}
.process-list{border-top:1px solid #bfc0b9}
.process-list article{display:grid;grid-template-columns:.7fr 1fr auto;gap:50px;padding:30px 0;border-bottom:1px solid #bfc0b9;align-items:start}
.process-list h3{font-size:27px;font-weight:500;letter-spacing:-.04em;margin:0}
.process-list p{font-size:14px;line-height:1.75;margin:2px 0;color:#666962;max-width:520px}
.process-list>article>span{color:var(--orange);font-size:24px;transition:transform .25s}
.process-list article:hover>span{transform:translate(5px,-5px)}
.owner-section{background:var(--paper)}
.owner-card{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:8vw;align-items:center}
.owner-portrait{height:540px;background:var(--orange);position:relative;overflow:hidden;padding:27px;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(90deg,transparent 49.85%,rgba(23,24,23,.22) 50%,transparent 50.15%),linear-gradient(transparent 49.85%,rgba(23,24,23,.22) 50%,transparent 50.15%)}
.owner-portrait b{align-self:center;font-size:clamp(180px,20vw,340px);font-weight:500;letter-spacing:-.12em;line-height:.8;color:rgba(23,24,23,.72)}
.owner-portrait img{position:absolute;right:28px;bottom:28px;width:48px;height:48px}
.owner-card h3{font-size:clamp(58px,7vw,110px);font-weight:500;letter-spacing:-.075em;line-height:.95;margin:42px 0 18px}
.owner-card .owner-role{font:11px/1.7 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--orange);max-width:400px}
.owner-card>div:last-child>p:last-child{font-size:15px;line-height:1.8;color:#696c64;max-width:540px}
.link-section{background:var(--orange)}
.link-section .section-heading h2 em{color:var(--ink)}
.text-link-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,24,23,.35);border-left:1px solid rgba(23,24,23,.35)}
.text-link-grid a{min-height:120px;padding:25px;display:flex;justify-content:space-between;align-items:flex-end;border-right:1px solid rgba(23,24,23,.35);border-bottom:1px solid rgba(23,24,23,.35);font-size:25px;letter-spacing:-.04em;transition:background .25s,color .25s}
.text-link-grid a span{font-size:20px}
.text-link-grid a:hover{background:var(--ink);color:var(--paper)}
.faq-section{background:var(--paper);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}
.faq-section .section-heading{display:block;margin:0}
.faq-section .section-heading h2{margin-top:35px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:30px;padding:28px 0;font-size:19px;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{font-size:27px;font-weight:400;transition:transform .25s,color .25s}
.faq-list details[open] summary span{transform:rotate(45deg);color:var(--orange)}
.faq-list p{font-size:14px;line-height:1.8;color:#676a63;max-width:570px;margin:0;padding:0 55px 28px 0}
.related-section{background:#e7e5de}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #bdbfb7;border-left:1px solid #bdbfb7}
.related-grid a{min-height:255px;padding:28px;display:flex;flex-direction:column;border-right:1px solid #bdbfb7;border-bottom:1px solid #bdbfb7;transition:background .25s}
.related-grid a:hover{background:var(--orange)}
.related-grid a>span{font:9px var(--mono);letter-spacing:.08em}
.related-grid h3{font-size:33px;font-weight:500;letter-spacing:-.05em;margin:auto 0 0}
.related-grid b{font-size:23px;font-weight:400;align-self:flex-end}
.detail-cta{background:var(--orange);min-height:70vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.detail-cta h2{font-size:clamp(58px,8vw,125px);font-weight:500;letter-spacing:-.07em;line-height:.96;max-width:1250px;margin:55px 0}
.detail-footer{padding-top:50px}
.index-hero{min-height:70vh;display:flex;flex-direction:column;justify-content:center}
.index-hero h1{max-width:1200px}
.index-hero>p{font-size:17px;line-height:1.7;color:#5e615a;max-width:580px}
.directory-grid{padding-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}
.directory-grid>a{min-height:390px;background:var(--paper);padding:42px;display:flex;flex-direction:column;transition:background .3s,color .3s}
.directory-grid>a:hover{background:var(--ink);color:var(--paper)}
.directory-grid>a>span{font:9px var(--mono);letter-spacing:.1em}
.directory-grid h2{font-size:clamp(40px,5vw,76px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:auto 0 25px}
.directory-grid p{font-size:14px;line-height:1.7;max-width:480px;color:#656861}
.directory-grid>a:hover p{color:#b5b7af}
.directory-grid b{margin-top:20px;font:10px var(--mono);letter-spacing:.06em;color:var(--orange)}
.city-services{background:var(--ink);color:var(--paper)}
.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #474941;border-left:1px solid #474941}
.service-card-grid a{min-height:300px;padding:28px;display:flex;flex-direction:column;border-right:1px solid #474941;border-bottom:1px solid #474941;transition:background .25s}
.service-card-grid a:hover{background:#242622}
.service-card-grid a>span{font:9px var(--mono);color:#9c9f95;letter-spacing:.08em}
.service-card-grid h3{font-size:34px;font-weight:500;letter-spacing:-.05em;margin:auto 0 16px}
.service-card-grid p{font-size:13px;line-height:1.7;color:#b5b7af;margin:0}
.service-card-grid b{font:9px var(--mono);color:var(--orange);margin-top:25px}
.regional-section{background:#e7e5de;display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.regional-section h2{font-size:clamp(45px,5.2vw,82px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:40px 0 0}
.regional-section>div:last-child{align-self:end}
.regional-section p{font-size:15px;line-height:1.8;color:#5f625b}
.regional-section ul{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid #bbbbb5}
.regional-section li{padding:17px 0;border-bottom:1px solid #bbbbb5;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.team-section{background:var(--paper)}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.owner-card--compact{display:block;border:1px solid var(--line);padding:22px}
.owner-card--compact .owner-portrait{height:340px;margin-bottom:32px}
.owner-card--compact h3{font-size:55px;margin:24px 0 14px}
.owner-card--compact>div:last-child>p:last-child{font-size:13px}
.is-reveal{opacity:0;transform:translateY(34px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}
.is-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){
  .detail-hero{grid-template-columns:1.35fr .65fr;gap:5vw}.detail-hero-copy h1{font-size:clamp(64px,9vw,100px)}
  .statement-section{grid-template-columns:.35fr 1.65fr}.service-card-grid{grid-template-columns:repeat(2,1fr)}
  .owner-card{gap:5vw}.owner-portrait{height:450px}.faq-section{gap:5vw}.text-link-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .detail-section{padding:72px 6%}.breadcrumb{padding:0 6%;overflow-x:auto;white-space:nowrap}
  .detail-hero{min-height:auto;display:flex;flex-direction:column;padding-top:65px;gap:55px;align-items:stretch}.detail-hero-copy h1,.index-hero h1{font-size:clamp(57px,16vw,90px);margin:38px 0 28px}.detail-hero-copy>p{font-size:14px}
  .detail-hero-side{display:grid;grid-template-columns:1fr .7fr;align-items:end}.detail-hero-side>p{font-size:8px}.detail-visual{width:100%}
  .statement-section,.section-heading,.faq-section,.regional-section{display:block}.statement-section .detail-kicker{margin-bottom:38px}.statement-section h2{font-size:34px}
  .section-heading{margin-bottom:45px}.section-heading .detail-kicker{margin-bottom:32px}.section-heading h2{font-size:45px}
  .deliverable-grid{grid-template-columns:1fr}.deliverable-grid article{min-height:170px}.process-list article{grid-template-columns:1fr auto;gap:14px}.process-list h3{font-size:24px}.process-list p{grid-column:1/-1;font-size:13px}.process-list>article>span{grid-column:2;grid-row:1}
  .owner-card{display:block}.owner-portrait{height:390px}.owner-card>div:last-child{padding-top:45px}.owner-card h3{font-size:65px}
  .text-link-grid{grid-template-columns:1fr}.text-link-grid a{min-height:95px;font-size:22px}.faq-list{margin-top:48px}.faq-list summary{font-size:17px}
  .related-grid,.directory-grid,.service-card-grid,.team-grid{grid-template-columns:1fr}.related-grid a{min-height:210px}.detail-cta{min-height:65vh}.detail-cta h2{font-size:54px;margin:45px 0}
  .index-hero{min-height:65vh}.directory-grid>a{min-height:320px;padding:32px 6%}.directory-grid h2{font-size:49px}.regional-section>div:last-child{margin-top:45px}.team-grid{gap:22px}.owner-card--compact .owner-portrait{height:310px}.owner-card--compact>div:last-child{padding-top:0}
}
@media(prefers-reduced-motion:reduce){.detail-visual{transform:none;transition:none}.detail-visual:before,.detail-visual .visual-orbit,.detail-visual .visual-scan{animation:none}.glass-layer,.visual-ambient{transition:none}.is-reveal{opacity:1;transform:none}}
.owner-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.38),transparent 34%,transparent 58%,rgba(10,10,10,.62));z-index:1;pointer-events:none}.owner-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.22,1,.36,1);filter:saturate(.88) contrast(1.03)}.owner-card[data-owner="Wallyson Dias"] .owner-portrait img{object-position:center 42%}.owner-card:hover .owner-portrait img{transform:scale(1.035)}.owner-photo-label,.owner-photo-note{position:relative;z-index:2;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.28)}.owner-photo-note{align-self:flex-start;font-size:8px;letter-spacing:.08em}