:root{--td-bg:#0b1118;--td-surface:#141f29;--td-panel:#1d2a34;--td-text:#f3f5f1;--td-secondary:#c6d3d6;--td-lime:#ddf87d;--td-orange:#ff9372}
html{overflow-x:clip}body{overflow-x:clip}

.topbar .brand,.topbar .brand span,.tema .topo .marca,.tema .topo .marca *{color:#f3f5f1!important}

body:has(.hero) .hero{min-height:100svh!important;min-height:100dvh!important;box-sizing:border-box;display:flex;align-items:center;padding-top:var(--header)!important;background:radial-gradient(ellipse at 73% 35%,#263b43 0%,#17262d 37%,#0b1118 80%)!important}
body:has(.hero) .hero::before{opacity:.22!important;background:linear-gradient(132deg,transparent 35%,rgba(221,248,125,.085) 36%,transparent 37%,transparent 63%,rgba(255,147,114,.08) 64%,transparent 65%)!important}
body:has(.hero) .hero-layout{width:min(var(--td-max),calc(100% - 80px));padding-block:clamp(38px,6vh,80px)!important}
body:has(.hero) .hero-copy h1{font-size:clamp(66px,8vw,120px)!important;line-height:.91!important;max-width:100%;overflow-wrap:normal}
.hero-lines,.hero-orbit,.tokyo-lane{opacity:.14!important}

.carousel-count,.case-card-top{font-variant-numeric:tabular-nums;align-items:center;min-width:0}
.carousel-count strong,.carousel-count span,.case-card-top #case-num{display:inline-block;line-height:1.25!important;white-space:nowrap;overflow:visible!important;vertical-align:middle}
.carousel-actions,.carousel-count{overflow:visible!important}

.case-copy h3,.case-copy #case-headline{font-family:var(--td-display)!important;font-size:clamp(29px,2.9vw,45px)!important;line-height:1.13!important;letter-spacing:0!important;text-wrap:balance;overflow-wrap:break-word;hyphens:none;max-width:26ch;text-transform:none!important}
.case-card-top #case-num{font-size:24px!important}

.tema .caso-abertura h1{font-size:clamp(40px,5.1vw,76px)!important;line-height:1.08!important;letter-spacing:-.025em!important;text-transform:none!important;text-wrap:balance;overflow-wrap:break-word}
.tema .etapa h2{font-size:clamp(32px,3.7vw,56px)!important;line-height:1.13!important;text-transform:none!important;text-wrap:balance}
.tema .resumo h2,.tema .proximo h2{line-height:1.12!important;text-wrap:balance}

.agitae-prototype-section{max-width:100%;margin:32px 0 48px;border:1px solid rgba(221,233,241,.18);background:#121c25;border-radius:16px;padding:clamp(14px,2.5vw,28px);color:#f5f7f4;overflow:hidden}
.agitae-prototype-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.agitae-prototype-eyebrow{margin:0 0 9px!important;color:#ddf87d!important;font:700 11px/1.4 'Space Grotesk',system-ui,sans-serif!important;letter-spacing:.12em}
.agitae-prototype-intro h3{font:700 clamp(23px,2.5vw,36px)/1.15 'Space Grotesk',system-ui,sans-serif!important;color:#f5f7f4!important;margin:0 0 10px!important;text-transform:none!important;letter-spacing:-.035em!important}
.agitae-prototype-intro p:not(.agitae-prototype-eyebrow){color:#c6d3d6!important;max-width:65ch;margin:0!important;font:400 14px/1.65 'Space Grotesk',system-ui,sans-serif!important}
.agitae-prototype-open{flex:none;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 16px!important;background:#ddf87d!important;color:#10191d!important;text-decoration:none!important;border-radius:6px;font:700 13px/1.25 'Space Grotesk',system-ui,sans-serif!important}
.agitae-prototype-open:hover,.agitae-prototype-open:focus-visible{background:#edfcae!important;color:#10191d!important;outline:2px solid #f4f9d8;outline-offset:3px}
.agitae-prototype-frame{width:100%;height:min(780px,84vh);min-height:500px;background:#e4e7ec;border-radius:10px;overflow:hidden;border:1px solid #7b929c55}
.agitae-prototype-frame iframe{width:100%;height:100%;border:0;display:block;background:#e4e7ec}
.agitae-prototype-note{font:400 12px/1.6 'Space Grotesk',system-ui,sans-serif!important;color:#acbdc5!important;margin:13px 0 0!important}
@media(max-width:760px){
 body:has(.hero) .hero{min-height:100svh!important;min-height:100dvh!important;padding-top:var(--header)!important;align-items:center}
 body:has(.hero) .hero-layout{width:calc(100% - 36px);padding:28px 0 40px!important}
 body:has(.hero) .hero-copy h1{font-size:clamp(41px,11vw,66px)!important;line-height:.94!important;white-space:normal!important}
 .case-copy h3,.case-copy #case-headline{font-size:clamp(27px,7.2vw,39px)!important;max-width:100%;line-height:1.17!important}
 .projects-top h2{font-size:clamp(52px,12vw,76px)!important;line-height:1!important}
 .tema .caso-abertura h1{font-size:clamp(35px,9vw,56px)!important;line-height:1.12!important}
 .tema .etapa h2{font-size:clamp(29px,7.3vw,42px)!important;line-height:1.18!important}
 .agitae-prototype-intro{flex-direction:column;align-items:stretch;gap:16px}
 .agitae-prototype-open{width:100%;white-space:normal;text-align:center}
 .agitae-prototype-frame{height:580px;min-height:430px}
 .agitae-prototype-section{margin-inline:0}
}
@media(max-width:390px){body:has(.hero) .hero-layout{width:calc(100% - 28px)}.agitae-prototype-frame{height:500px}.carousel-count{gap:8px!important}.carousel-count i{width:16px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}