﻿
.hero {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding-top: 110px; /* espa�o da navbar */
  padding-bottom: 0;
  box-sizing: border-box;
}
.hero > .hero-grid {
  flex-grow: 1;
  display: grid;
  align-items: center;
  align-content: center;
}
.hero-bottom {
  margin-top: auto !important;
  margin-bottom: 0;
  padding-bottom: 30px !important;
}
:root,:root[data-theme=dark]{--ink:#05080e;--text:#f2f5fa;--muted:#98a3b7;--dim:#8995aa;--edge:rgba(166,191,228,.14);--maxw:1280px;--acc:45,153,255;--acc2:60,97,248;--accent:#62b2ff;--h1a:#c6e5ff;--h1b:#71b7ff;--h1c:#487df3;--dot:151,186,223}
:root[data-theme=light]{--ink:#f2f6fc;--text:#10213a;--muted:#50617a;--dim:#586b86;--edge:rgba(38,69,112,.16);--accent:#155fbd;--h1a:#154b94;--h1b:#176cc4;--h1c:#324dd0}
body{font-size:16px}main,footer{position:relative;z-index:1}main{overflow:clip}.container{padding:0 48px}.liquid{opacity:.3}.liquid i:first-child{top:-30vh;left:32vw;width:62vw;height:66vw}.liquid i:nth-child(2){opacity:.3}.nav{max-width:1160px;top:24px;padding:10px 10px 10px 26px;background:rgba(20,22,28,0.4);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 1px rgba(255,255,255,0.12),0 16px 40px -8px rgba(0,0,0,0.4)}.nav.shrunk{max-width:1050px}.nav .brand img{height:26px;width:108px;object-fit:contain}.nav nav{gap:28px}.nav nav a{font-size:14px;color:var(--muted)}.nav-actions{display:flex;align-items:center;gap:9px}.nav .pill{min-height:42px;font-size:13px;padding:0 19px}.nav .tt:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.1)}.nav .tt{width:42px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.03);box-shadow:inset 0 1px 1px rgba(255,255,255,0.08);font-size:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:0.3s}.pill.primary{background:linear-gradient(120deg,#2299ef,#3669ed);box-shadow:inset 0 1px 0 #ffffff45,0 5px 28px #227df522;border-color:#59acff80}.pill{min-height:50px;gap:24px}.pill.primary:hover{background:linear-gradient(120deg,#40abff,#4e80ff)}.pill.primary span{font-size:18px}.menu-toggle{display:none}.mobile-menu{position:fixed;top:88px;left:16px;right:16px;z-index:51;background:var(--ink);padding:20px}.mobile-menu a{display:block;padding:12px}.mobile-menu[hidden]{display:none}.skip{position:fixed;top:-100px;z-index:100;padding:12px;background:var(--ink)}.skip:focus{top:0}.eyebrow{display:block;font-size:12px;letter-spacing:.16em;font-weight:600;color:var(--muted)}.signal{display:inline-block;width:6px;height:6px;border-radius:100%;background:#74beff;box-shadow:0 0 12px #2d99ff;margin-right:10px}.hero-grid{grid-template-columns:1.05fr .95fr;gap:0}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(46px,5.5vw,74px);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin-top:27px}.hero h1 b{font-weight:500}.hero h1 .line{overflow:visible;padding-bottom:0}.hero .lede{font-size:17px;line-height:1.8;max-width:450px;margin-top:27px}.hero-cta{align-items:center;gap:25px;margin-top:30px}.hero-meta{margin-top:32px;font-size:12px;gap:24px}.hero-meta span::before{background:#456c94;width:3px;height:3px}.text-link{display:inline-flex;gap:18px;align-items:center;background:none;border:0;border-bottom:1px solid transparent;cursor:pointer;padding:8px 0;font-size:14px;color:var(--text)}.text-link:hover{color:var(--accent);border-color:var(--accent)}.globe-stage{align-self:center;min-width:0;margin-left:-6%;position:relative}.globe-wrap{width:600px;max-width:115%;aspect-ratio:1}.globe-stage:before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,#176dd510,transparent 68%);pointer-events:none}.drag-hint{top:20%;right:0;color:var(--dim);font-size:11px;letter-spacing:.05em;transform:rotate(90deg);transform-origin:right}.orbit-label{position:absolute;top:8%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.22em;color:var(--dim)}.globe-stage>.text-link{position:absolute;bottom:0;font-size:12px;color:var(--muted)}.hud{left:50%;bottom:7%;transform:translateX(-50%);align-items:center;width:max-content;gap:5px}.chip{font-size:11px;padding:5px 12px}.chip.ghost{background:none;border:0;box-shadow:none;padding:0;font-size:10px}.hero-bottom{display:flex;justify-content:space-between;border-bottom:1px solid var(--edge);padding-top:50px;padding-bottom:28px;margin-top:18px;font-size:10px;letter-spacing:.13em;color:var(--muted)}.hero-bottom a{font-size:12px;letter-spacing:0}.section{padding:114px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:45px}.section-heading h2,h2{font-weight:400;font-size:clamp(32px,4.2vw,52px);line-height:1.15;letter-spacing:-.04em;margin:20px 0 0}.section-heading h2 b,h2 b{font-weight:400;color:var(--muted)}.section-heading p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 10px;max-width:380px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-card{min-width:0;display:block}.project-image{position:relative;background:#101722;padding:30px 30px 0;border-radius:18px;overflow:hidden;height:320px;border:1px solid var(--edge)}.project-card:nth-child(even) .project-image{background:#1c1c23}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:7px 7px 0 0;transition:transform 1s var(--ease);box-shadow:0 10px 35px #0004}.project-card:hover img{transform:translateY(-8px) scale(1.025)}.project-arrow{position:absolute;right:15px;bottom:15px;border:1px solid #ffffff30;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;background:#121824a8;color:#fff;backdrop-filter:blur(15px);font-size:23px}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:10px}.project-caption h3{font-size:19px;font-weight:500;letter-spacing:-.02em;margin:0}.project-caption>span{font-size:12px;color:var(--muted)}.client-row{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding:60px 0 38px;color:var(--muted)}.client-row>span:first-child{font-size:9px;letter-spacing:.13em;max-width:90px}.client-row>span:not(:first-child){font-size:20px;font-weight:600;letter-spacing:-.04em}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{display:block;padding:32px;border-radius:18px;transition:border-color .4s,transform .4s;background:linear-gradient(130deg,#ffffff05,#ffffff02);box-shadow:none;backdrop-filter:blur(3px)}.service-card:hover{border-color:#4b9de26b;transform:translateY(-4px)}.service-num{display:flex;justify-content:space-between;color:var(--accent);font-size:12px}.service-num>span{font-size:20px}.service-card h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:28px 0 12px}.service-card p{font-size:16px;color:var(--muted);line-height:1.8;max-width:440px;margin:0 0 25px}.service-tags{font-size:12px;color:var(--muted)}#servicos{padding-top:0}.craft{height:115vh;padding:0;margin:30px 0;--travel:0}.craft-sticky{height:85vh;min-height:580px;position:sticky;top:0;overflow:hidden;background:#05080e}.craft-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.08 + var(--travel)*.15)) translateY(calc(var(--travel)*-20px));opacity:.85}.craft-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04080ee0,transparent 80%),linear-gradient(0deg,#05080e,transparent 30%,transparent 80%,#05080e)}.craft-copy{position:relative;top:50%;transform:translateY(-50%);color:#f2f5fa}.craft-copy h2{font-size:clamp(40px,5vw,68px);font-weight:400}.craft-copy h2 b{color:#aabfdc}.craft-copy p{font-size:17px;color:#bdc9db;margin:28px 0}.craft-copy>.eyebrow{color:#b3c6e0}.craft-note{position:absolute;bottom:38px;right:48px;color:#9cacbf;font-size:10px;letter-spacing:.15em}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.process-item{border-top:1px solid var(--edge);padding-top:20px}.process-item>span{font-size:12px;color:var(--accent)}.process-item h3{font-size:20px;font-weight:500;margin:20px 0 10px}.process-item p{font-size:15px;line-height:1.85;color:var(--muted)}.testimonial{margin-top:80px;padding:45px 55px;border-radius:20px;background:linear-gradient(130deg,#14427915,#ffffff02);box-shadow:none}.testimonial blockquote{font-size:clamp(20px,2.4vw,29px);line-height:1.6;font-weight:400;letter-spacing:-.025em;margin:26px 0}.testimonial>div{display:flex;align-items:center;gap:20px;font-size:13px}.testimonial>div span{color:var(--muted)}.testimonial>div a{margin-left:auto;color:var(--accent)}.contact{grid-template-columns:1.2fr 1fr;gap:24px;align-items:flex-start}.form-panel{padding:34px;border-radius:22px;background:linear-gradient(145deg,#13253a60,#090e1670);box-shadow:inset 0 1px #ffffff12,0 24px 60px #0002}.form-top{display:flex;justify-content:space-between;align-items:center}.form-top>#step-count{font:12px monospace;color:var(--accent)}.stepper{display:flex;justify-content:space-between;margin:29px 0 12px;font-size:12px;color:var(--dim)}.stepper .active{color:var(--text)}.form-progress{height:2px;background:var(--edge);margin-bottom:32px}.form-progress i{display:block;width:33.33%;height:100%;background:linear-gradient(90deg,#1a78de,#a8d8ff);box-shadow:0 0 8px #3e9def;transition:width .5s}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset[hidden],[hidden]{display:none!important}legend{font-size:26px;font-weight:500;letter-spacing:-.04em;padding:0}.form-hint{font-size:13px!important;color:var(--muted)!important;line-height:1.7;margin:8px 0 24px!important}.service-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.option{display:block;position:relative;cursor:pointer}.option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.option>span{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border:1px solid var(--edge);border-radius:10px;font-size:14px;background:#ffffff02;transition:.25s}.option>span b{font-size:18px;font-weight:400;color:var(--muted);margin-left:10px}.option input:checked+span{background:#268de91a;border-color:#4da7ed;color:var(--accent);box-shadow:inset 0 0 20px #2885da10}.option input:checked+span b{transform:rotate(45deg);color:var(--accent)}.option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.field{margin-top:15px}.field label{font-size:13px;margin-bottom:7px}.field textarea{height:105px;min-height:100px;resize:vertical}.field input,.field textarea,.field select{border-radius:9px;font-size:15px;background:#0000001f;border:1px solid var(--edge);min-height:48px}.form-foot{justify-content:space-between;margin-top:24px}.form-foot>#next{margin-left:auto}.form-error{font-size:14px!important;color:#ffb3ad!important;min-height:18px;margin:0!important}.consent{display:flex;gap:10px;align-items:flex-start;margin-top:25px;font-size:12px;color:var(--muted);line-height:1.7}.consent input{margin-top:5px;accent-color:var(--accent);min-width:16px}.consent a{text-decoration:underline}.brief-summary{margin-top:20px;font-size:13px;border-left:2px solid var(--accent);padding:8px 14px;background:#369df709;color:var(--muted)}.form-alternative{font-size:13px;padding-top:20px;color:var(--muted)}.map-panel{background:linear-gradient(135deg,#ffffff03,transparent);box-shadow:none;padding:26px 26px 20px;border-radius:22px;backdrop-filter:none}.map-head strong{font-size:14px;font-weight:500}.map-head>span{color:var(--accent);font-size:12px}.map-box{height:320px}.map-box canvas{height:100%;width:100%}.zones{gap:7px;justify-content:center}.zone{font-size:12px;padding:7px 13px}.map-foot{font-size:13px;text-align:center;line-height:1.9;padding-top:18px;color:var(--muted)}.map-foot a{color:var(--text)}.contact-faq{display:flex;gap:15px;justify-content:center;margin-top:40px;font-size:13px;color:var(--muted)}.contact-faq a{color:var(--text)}#journey{position:fixed;inset:0;pointer-events:none;z-index:0;width:100%;height:100%}footer{padding:65px 0 25px;border-top:1px solid var(--edge);background:var(--ink)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px;padding-bottom:55px}.footer-top .brand{justify-content:flex-start}.footer-top .brand img{height:30px}.footer-top p{font-size:17px;color:var(--muted);line-height:1.7}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted)}.footer-top .eyebrow{font-size:11px;margin-bottom:10px}.footer-top a:hover{color:var(--accent)}.foot{border-top:1px solid var(--edge);padding-top:25px;font-size:11px;color:var(--muted);gap:18px}.foot>div{display:flex;gap:20px}.page-intro{padding-top:170px;padding-bottom:65px}.page-intro>.text-link{margin-bottom:45px}.page-intro h1{font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1.15;margin:22px 0}.page-intro .lede{max-width:700px;font-size:18px}.all-projects{padding-bottom:100px;row-gap:35px}.case{padding-bottom:100px}.case-hero{width:100%;height:auto;max-height:720px;object-fit:cover;object-position:top;border:1px solid var(--edge);border-radius:18px}.case-copy{max-width:760px;margin:60px auto;font-size:18px;line-height:1.85;color:var(--muted)}.case-copy p{margin:28px 0}.case-actions{display:flex;gap:30px;justify-content:center}.studio-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding-bottom:80px}.studio-grid>img{width:100%;height:540px;object-fit:cover;object-position:center top;border-radius:18px}.studio-grid p{color:var(--muted);font-size:17px;line-height:1.9;margin:24px 0}.service-details{max-width:950px;padding-bottom:80px}.service-details section{border-top:1px solid var(--edge);padding:55px 0;scroll-margin-top:100px}.service-details p{font-size:18px;line-height:1.9;color:var(--muted)}.faq-list{max-width:1000px;padding-bottom:110px}.faq-list details{border-bottom:1px solid var(--edge);padding:25px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:19px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--accent)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:16px;line-height:1.9;color:var(--muted);max-width:800px}.legal-page{padding-top:150px;padding-bottom:80px;max-width:950px}.legal-page h1{font-size:48px;line-height:1.2;margin:30px 0}.legal-page h2{font-size:25px;margin:30px 0 15px}.legal-page p,.legal-page li{font-size:16px;color:var(--muted);line-height:1.8}.legal-page .legal-card{border-bottom:1px solid var(--edge);padding:20px 0}.legal-page a{text-decoration:underline}.legal-page .legal-hero{padding:0}.legal-page .legal-meta{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:5px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.in{opacity:1;transform:none}:root[data-theme=light] .nav{max-width:1160px;top:24px;padding:10px 10px 10px 26px;background:rgba(20,22,28,0.4);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 1px rgba(255,255,255,0.12),0 16px 40px -8px rgba(0,0,0,0.4)}:root[data-theme=light] .form-panel{background:#ffffffaa}:root[data-theme=light] .service-card{background:#ffffff80}:root[data-theme=light] .field select{background:#fff}:root[data-theme=light] .form-error{color:#ad2727!important}:root[data-theme=light] .craft h2 b{color:#aabfdc}
@media(min-width:1600px){.hero-grid{gap:40px}.globe-wrap{width:650px}}
@media(max-width:1100px){.container{padding-left:30px;padding-right:30px}.hero-grid{grid-template-columns:1.1fr .9fr}.hero h1{font-size:56px}.hero .lede{font-size:16px}.globe-wrap{width:500px;max-width:130%}.nav{max-width:1160px;top:24px;padding:10px 10px 10px 26px;background:rgba(20,22,28,0.4);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 1px rgba(255,255,255,0.12),0 16px 40px -8px rgba(0,0,0,0.4)}.nav nav{gap:18px}.nav nav a{font-size:13px}.project-image{height:280px;padding:22px 22px 0}.hero-bottom{margin-top:60px}.project-caption{align-items:flex-start;flex-direction:column;gap:5px}.stepper{font-size:11px}.form-panel{padding:25px}.option>span{padding:17px 12px;font-size:13px}.testimonial{padding:35px}}
@media(max-width:880px){.nav nav{display:none}.menu-toggle{display:inline-flex!important;padding:0!important;width:39px;min-height:39px!important}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(36px,5.5vw,49px)}.hero .lede{font-size:15px}.hero .hero-cta{gap:12px;align-items:flex-start;flex-direction:column}.hero-meta{font-size:11px}.hero-bottom{margin-top:35px}.globe-wrap{max-width:130%}.globe-stage .orbit-label{font-size:8px}.section-heading{gap:25px}.section-heading p{font-size:14px}.contact{grid-template-columns:1fr}.map-panel{min-height:480px}.map-box{height:330px}.service-card{padding:26px}.service-card h3{font-size:21px}.process-grid{grid-template-columns:1fr 1fr;gap:30px}.testimonial>div{flex-wrap:wrap}.footer-top{gap:25px}.studio-grid{gap:35px}.studio-grid>img{height:430px}.drag-hint{display:none}.hero-meta{gap:10px}}
@media(max-width:600px){.container{padding-left:22px;padding-right:22px}.nav{max-width:1160px;top:24px;padding:10px 10px 10px 26px;background:rgba(20,22,28,0.4);backdrop-filter:blur(14px) saturate(190%);-webkit-backdrop-filter:blur(14px) saturate(190%);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 1px 1px rgba(255,255,255,0.12),0 16px 40px -8px rgba(0,0,0,0.4)}.nav .brand img{width:92px;height:24px}.nav .pill.primary{padding:0 13px;min-height:39px;font-size:11px;gap:8px}.nav .pill.primary span{display:none}.nav-actions{gap:3px}.nav .tt:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.1)}.nav .tt{width:42px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.03);box-shadow:inset 0 1px 1px rgba(255,255,255,0.08);font-size:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:0.3s}.hero-grid{grid-template-columns:1fr;gap:8px}.hero h1{font-size:clamp(41px,10.2vw,58px);line-height:1.1;margin-top:22px}.hero .lede{font-size:16px;max-width:100%;line-height:1.75;margin-top:24px}.hero-cta{flex-direction:row!important;gap:20px!important;align-items:center!important;margin-top:25px}.hero-cta .pill{font-size:13px;padding:0 17px;gap:12px}.hero-cta .text-link{font-size:12px;gap:8px}.hero-meta{margin-top:25px;font-size:11px;gap:17px}.hero .eyebrow{font-size:10px}.globe-stage{margin:0;min-height:360px}.globe-wrap{width:380px;max-width:100%}.orbit-label{top:4%!important;font-size:9px!important}.globe-stage>.text-link{bottom:-3px}.hud{bottom:6%}.hero-bottom{margin-top:20px;padding-top:20px;padding-bottom:20px;font-size:8px;letter-spacing:.05em;gap:15px}.hero-bottom a{font-size:10px;white-space:nowrap}.section{padding:76px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:36px;margin-top:17px}.section-heading>p,.section-heading>div+div{margin-top:22px}.section-heading p{font-size:15px}.eyebrow{font-size:10px}.project-grid{grid-template-columns:1fr;gap:28px}.project-image{height:280px;padding:23px 23px 0}.project-caption{flex-direction:row;align-items:center;padding:16px 0}.project-caption h3{font-size:18px}.project-caption>span{font-size:11px}.client-row{justify-content:flex-start;gap:23px;padding:35px 0}.client-row>span:first-child{max-width:none;width:100%;font-size:9px}.client-row>span:not(:first-child){font-size:17px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card h3{margin-top:16px;font-size:23px}.service-card p{font-size:15px;margin-bottom:20px}.service-card{padding:25px}.service-tags{font-size:11px}.craft{height:95vh;margin:0}.craft-sticky{height:80vh;min-height:540px}.craft-art{object-position:60% center}.craft-shade{background:linear-gradient(0deg,#05080ef5,transparent),linear-gradient(90deg,#04080ea0,#04080e20)}.craft-copy{top:58%}.craft-copy h2{font-size:40px}.craft-copy p{font-size:16px}.craft-note{right:22px;font-size:8px;bottom:26px}.process-grid{gap:24px;margin-top:35px}.process-item h3{font-size:19px}.process-item p{font-size:14px}.testimonial{padding:26px;margin-top:50px}.testimonial blockquote{font-size:21px;line-height:1.65;margin:20px 0}.testimonial>div{gap:10px;font-size:12px}.testimonial>div a{width:100%;margin:10px 0 0}.form-panel{padding:24px 20px}.form-panel legend{font-size:25px}.option>span{font-size:13px;padding:17px 12px}.form-panel .row2{grid-template-columns:1fr}.form-panel .field label{font-size:14px}.form-panel .stepper{font-size:11px}.form-panel .form-foot .pill{font-size:13px;padding:0 20px}.contact-faq{flex-direction:column;align-items:center;text-align:center;font-size:12px;gap:5px}.map-head strong{font-size:13px}.map-panel{padding:24px 16px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px;padding-bottom:40px}.footer-top>div:first-child{grid-column:span 2}.footer-top>div:not(:first-child){font-size:13px}.footer-top p{font-size:16px}.foot{flex-wrap:wrap;justify-content:flex-start;font-size:10px}.foot>div{flex-wrap:wrap;gap:12px}.page-intro{padding-top:130px;padding-bottom:40px}.page-intro h1{font-size:43px}.page-intro .lede{font-size:16px}.page-intro>.text-link{margin-bottom:32px}.studio-grid{grid-template-columns:1fr;gap:30px}.studio-grid>img{height:450px}.studio-grid h2{font-size:36px}.case-copy{font-size:16px;margin:40px 0}.case-actions{flex-direction:column;align-items:flex-start;gap:15px}.faq-list summary{font-size:17px}.legal-page{padding-top:120px}.legal-page h1{font-size:36px}.legal-page h2{font-size:24px}.service-details h2{font-size:31px}.service-details p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal,.reveal{opacity:1!important;transform:none!important}h1 .line>span{opacity:1!important;transform:none!important}.craft{height:auto}.craft-sticky{position:relative}.craft-art{transform:none!important}#journey{display:none}.chip.ghost{opacity:1;transform:none}}
.motion-toggle{position:absolute;right:48px;bottom:65px;z-index:4;padding:9px 15px;border-radius:30px;background:#0b152480;border:1px solid #ffffff30;color:#dce8f8;font-size:12px;backdrop-filter:blur(15px);cursor:pointer}.motion-toggle:hover{background:#223454aa}.field select{appearance:auto;padding-right:12px}select option{background:var(--ink);color:var(--text)}.field label{font-size:14px;letter-spacing:0;text-transform:none}.nav nav a,.service-tags,.zone,.stepper,.map-head>span{font-size:14px}.service-tags{line-height:1.8}.consent{font-size:14px}.hero-meta,.project-caption>span,.contact-faq,.form-hint{font-size:14px!important}.section-heading p,.process-item p{font-size:16px}.nav .pill.primary{font-size:14px}.nav .brand img{min-width:90px}.project-grid .project-image img{color:var(--muted)}@media(max-width:600px){.motion-toggle{right:22px;bottom:55px}.hero-meta{font-size:12px!important}.hero-cta{flex-wrap:wrap}.nav .pill.primary{font-size:12px}.project-caption{flex-wrap:wrap}.service-tags{font-size:12px}.stepper{font-size:12px}.consent{font-size:13px}.zone{font-size:13px}.foot{font-size:12px}.foot>div{font-size:12px}}
/* Revision: sculpted glass, complete project images, a larger connected globe. */
.nav.glass{background:linear-gradient(125deg,rgba(197,220,248,.16) 0%,rgba(123,157,203,.055) 42%,rgba(170,201,242,.13) 100%);backdrop-filter:blur(14px) saturate(190%) contrast(108%);-webkit-backdrop-filter:blur(14px) saturate(190%) contrast(108%);border:1px solid rgba(230,242,255,.3);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.55),inset 1px 0 1px rgba(226,242,255,.22),inset -1px 0 2px rgba(213,231,255,.13),inset 0 -1px 1px rgba(168,204,255,.26),0 12px 36px rgba(0,0,0,.22),0 2px 5px rgba(0,0,0,.12);isolation:isolate}
.nav.glass::before{opacity:.8;background:radial-gradient(280px 100px at var(--mx,28%) var(--my,0%),rgba(237,249,255,.23),transparent 70%);z-index:-1;transition:opacity .3s}
.nav.glass::after{inset:0;width:auto;height:auto;transform:none;transition:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.15),transparent 30%,transparent 62%,rgba(225,243,255,.09));z-index:-1;pointer-events:none}
.nav.glass:hover::after{transform:none}.nav nav a{color:var(--text);text-shadow:0 1px 5px #0002}.nav .pill.primary{box-shadow:inset 0 1px 1px #d1ebff80,0 3px 12px #0065c93b}
:root[data-theme=light] .nav.glass{background:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.8);box-shadow:inset 0 2px 2px rgba(255,255,255,1),inset 0 -1px 1px rgba(146,170,193,0.3),0 12px 40px rgba(37,69,111,0.15)}
.hero-grid{grid-template-columns:.95fr 1.05fr;gap:0}.globe-stage{margin-left:0;min-width:0}.globe-wrap{width:min(54vw,720px);max-width:124%;aspect-ratio:1}.globe-stage .orbit-label{top:0;font-size:11px}.globe-caption{width:100%;padding:0 18px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;margin-top:-14px;position:relative;z-index:2}.globe-caption .hud{position:static;transform:none;width:auto;flex-direction:row;gap:28px;align-items:center;justify-content:center}.globe-location{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.globe-location b{font-weight:500}.globe-location .dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #3095ff}.globe-network{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.globe-network>span{color:var(--accent)}.globe-caption>.text-link{font-size:12px;color:var(--muted);padding:4px 0}.hero-bottom{margin-top:25px;padding-top:25px}.drag-hint{right:0;top:18%}
.project-grid .project-image{height:320px;min-height:0;aspect-ratio:auto;padding:0;display:flex;align-items:center;border-radius:17px;background:linear-gradient(140deg,#162235,#0b111c)}.project-grid .project-card:nth-child(even) .project-image{background:linear-gradient(140deg,#24252c,#13151c)}.project-grid .project-image img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:top center;border-radius:8px;display:block;transform:none;transition:filter .5s;box-shadow:0 3px 15px #0004}.project-grid .project-card:hover img{transform:none;filter:brightness(1.045)}.project-grid .project-card:hover .project-image{border-color:#78b6f755}.project-arrow{width:35px;height:35px;font-size:20px;right:20px;bottom:20px;opacity:0;transform:translateY(5px);transition:.3s}.project-card:hover .project-arrow,.project-card:focus-visible .project-arrow{opacity:1;transform:none}.case-hero{max-height:none;height:auto;object-fit:contain}
.trust-strip{margin-top:52px;padding:24px 0 30px;border-bottom:1px solid var(--edge);overflow:hidden}.trust-label{font-size:12px;letter-spacing:.18em;text-align:center;margin-bottom:28px}.trust-window{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.trust-track{display:flex;width:max-content;will-change:transform;gap:0}.trust-group{display:flex;align-items:center;gap:76px;padding-right:76px;flex-shrink:0}.client-wordmark{display:block;white-space:nowrap;color:var(--text);opacity:.64;font-size:31px;line-height:1.5;font-weight:600;letter-spacing:-.04em}.wordmark-1{font-size:21px;letter-spacing:.1em;font-weight:500}.wordmark-2{font-family:Georgia,serif;font-weight:400;font-size:31px}.wordmark-3{font-size:38px;font-weight:400;letter-spacing:-.05em}.wordmark-4{font-size:26px;letter-spacing:-.05em}.wordmark-5{font-size:27px;font-weight:400}
.craft{height:300svh;margin:30px 0;position:relative}.craft-sticky{height:100svh;min-height:600px;top:0;position:sticky;background:transparent}.craft-art{width:100%;height:100%;object-fit:cover;transform:none;opacity:1;mask-image:linear-gradient(0deg,transparent,#000 16%,#000 83%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(0deg,transparent,#000 16%,#000 83%,transparent),linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in}.craft-shade{background:linear-gradient(90deg,rgba(5,8,14,.82),rgba(5,8,14,.3) 43%,transparent 80%);pointer-events:none}.craft-copy{top:47%}.craft-timeline{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(100px,210px) 3ch;gap:18px;align-items:center;color:var(--muted);width:max-content;max-width:calc(100% - 44px);z-index:4}.craft-timeline label{font-size:13px;white-space:nowrap}.craft-timeline label>span{margin-left:10px}.craft-timeline input{width:100%;accent-color:#75bbff;height:3px;cursor:pointer}.craft-timeline>span{font:12px monospace}.motion-toggle{bottom:90px;right:48px;background:#13203266}.craft-timeline input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(min-width:1600px){.globe-wrap{width:750px;max-width:125%}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:51px}.globe-wrap{width:58vw;max-width:126%}.globe-caption .hud{gap:18px}.hero-bottom{margin-top:35px}}
@media(max-width:880px){.hero h1{font-size:clamp(36px,5.5vw,49px)}.hero-grid{grid-template-columns:1fr 1fr}.globe-caption{padding:0;gap:12px;margin-top:2px}.globe-caption .hud{gap:10px;flex-direction:column}.globe-stage .orbit-label{font-size:9px}.globe-wrap{width:59vw;max-width:130%}.craft-timeline{bottom:35px}.trust-group{gap:50px;padding-right:50px}}
@media(max-width:600px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(41px,10.2vw,58px)}.globe-stage{margin-top:30px;min-height:0}.globe-wrap{width:calc(100vw - 22px);max-width:none;aspect-ratio:1}.globe-stage .orbit-label{top:-3px!important;font-size:10px!important}.globe-caption{margin-top:2px;padding:0 0 12px;gap:12px}.globe-caption .hud{flex-direction:row;gap:23px}.globe-location,.globe-network{font-size:12px}.hero-bottom{margin-top:16px}.project-grid .project-image{padding:7px;border-radius:12px}.project-grid .project-image img{border-radius:6px}.project-arrow{display:none}.trust-strip{margin-top:22px;padding:20px 0 27px}.trust-label{font-size:11px;margin-bottom:24px}.trust-group{gap:40px;padding-right:40px}.client-wordmark{font-size:27px}.wordmark-1{font-size:18px}.wordmark-2{font-size:27px}.wordmark-3{font-size:32px}.wordmark-4,.wordmark-5{font-size:24px}.craft{height:260svh;margin:0}.craft-sticky{height:100svh;min-height:550px}.craft-copy{top:46%}.craft-art{object-position:60% center}.craft-shade{background:linear-gradient(90deg,#05080e9c,#05080e20),linear-gradient(0deg,#05080e99,transparent 80%)}.craft-timeline{grid-template-columns:1fr 42px;width:calc(100% - 64px);gap:12px;bottom:35px}.craft-timeline label{grid-column:1/-1;font-size:12px}.craft-timeline>span{text-align:right}.motion-toggle{bottom:115px;right:25px}.nav.glass{backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%)}}
@media(prefers-reduced-motion:reduce){.trust-track{transform:none!important}.trust-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.trust-group[aria-hidden]{display:none}.craft{height:auto}.craft-sticky{position:relative;min-height:680px}.craft-art{transform:none!important}}

/* ============================================================
   SHOWCASE REEL — Vídeos interativos com scroll, fade e grain
   ============================================================ */

.showcase-reel {
  position: relative;
  height: 450svh;
  margin: 0;
}

.reel-scene {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 560px;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Camada de explosão — só o vídeo + overlay + grain são clipados */
.reel-burst {
  position: absolute;
  inset: 0;
  clip-path: circle(var(--reel-clip, 0%) at 50% 50%);
  transform: scale(var(--reel-scale, 0.82));
  will-change: clip-path, transform;
}

/* Vídeo: ocupa o fundo inteiro */
.reel-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* Overlay — removido (sem máscara escura) */
.reel-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,8,14,.72), rgba(5,8,14,.22) 55%, transparent 90%),
    linear-gradient(0deg, rgba(5,8,14,.5) 0%, transparent 25%, transparent 75%, rgba(5,8,14,.5) 100%);
  pointer-events: none;
  z-index: 1;
}


/* Efeito de granulado cinematográfico (noise premium) */
.reel-grain {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.09;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 180px 180px;
  animation: grainShift 0.07s steps(1) infinite;
  mix-blend-mode: overlay;
}

@keyframes grainShift {
  0%   { background-position:   0px   0px; }
  10%  { background-position: -44px -22px; }
  20%  { background-position:  22px  44px; }
  30%  { background-position: -66px  11px; }
  40%  { background-position:  11px -55px; }
  50%  { background-position: -33px  33px; }
  60%  { background-position:  55px -11px; }
  70%  { background-position: -11px  66px; }
  80%  { background-position:  33px -44px; }
  90%  { background-position: -55px  22px; }
  100% { background-position:   0px   0px; }
}

/* Variáveis dinâmicas para as cores do texto (adaptam-se ao modo light/dark e à explosão do vídeo) */
.showcase-reel {
  --rc-h2: var(--text);
  --rc-p: var(--muted);
  --rc-eye: var(--accent);
}

/* Quando o vídeo está expandido (fundo escuro), forçamos cores claras independentemente do tema */
.showcase-reel[data-video-active="true"] {
  --rc-h2: #f2f5fa;
  --rc-p: #b8cfe8;
  --rc-eye: #8fb8e0;
}

/* Conteúdo textual — fora do clip-path, sempre visível */
.reel-content {
  position: relative;
  z-index: 3;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.reel-content .eyebrow {
  color: var(--rc-eye);
  margin-bottom: 24px;
  transition: color 0.4s var(--ease);
}

.reel-content h2 {
  font-size: clamp(38px, 5vw, 66px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1.12;
  color: var(--rc-h2);
  margin: 0 0 26px;
  max-width: 700px;
  transition: color 0.4s var(--ease);
}

.reel-content h2 b {
  font-weight: 500;
  color: var(--rc-h2);
  transition: color 0.4s var(--ease);
}

.reel-content p {
  font-size: 17px;
  line-height: 1.8;
  color: var(--rc-p);
  max-width: 480px;
  margin: 0 0 36px;
  transition: color 0.4s var(--ease);
}

.reel-content .pill.primary {
  display: inline-flex;
}

/* Responsive */
@media(max-width: 880px) {
  .showcase-reel { height: 520svh; }
  .reel-content h2 { font-size: clamp(34px, 5.5vw, 52px); }
  .reel-content p { font-size: 16px; }
}

@media(max-width: 600px) {
  .showcase-reel { height: 560svh; }
  .reel-scene { min-height: 500px; }
  .reel-content h2 { font-size: clamp(36px, 9vw, 52px); }
  .reel-content p { font-size: 15px; max-width: 100%; }
}

@media(prefers-reduced-motion: reduce) {
  .reel-grain { animation: none; }
  .reel-burst {
    clip-path: circle(150% at 50% 50%) !important;
    transform: scale(1) !important;
  }
  .reel-content { opacity: 1 !important; }
  .showcase-reel { height: auto; }
  .reel-scene { position: relative; min-height: 600px; }
}







﻿

.lang-switch{display:flex;align-items:center;gap:4px;height:42px;padding:0 4px}
.lang-switch .lang-opt{font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 9px;border-radius:100px;color:var(--muted);text-decoration:none;transition:background .2s,color .2s;line-height:1}
.lang-switch .lang-opt[aria-current="true"]{background:rgba(255,255,255,.1);color:var(--text)}
.lang-switch .lang-opt:hover{color:var(--text)}
.lang-switch--mobile{height:auto;margin-top:14px;justify-content:center;gap:10px}

/* ── Chatbot (restyled to match the new design's palette/glass look) ── */
.chatbot{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}
.chatbot__toggle{pointer-events:auto;width:60px;height:60px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:linear-gradient(125deg,rgba(34,153,239,.65) 0%,rgba(54,105,237,.55) 100%);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);color:#fff;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.5),0 8px 24px rgba(0,0,0,.28);cursor:pointer;display:grid;place-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;position:relative}
.chatbot__toggle:hover{transform:scale(1.08);box-shadow:0 12px 32px rgba(0,0,0,.34)}
.chatbot__toggle:active{transform:scale(.95)}
.chatbot__toggleIcon{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .3s ease,transform .3s ease}
.chatbot__toggleIcon--close{opacity:0;transform:rotate(-90deg)}
.chatbot[data-state="open"] .chatbot__toggleIcon--open{opacity:0;transform:rotate(90deg)}
.chatbot[data-state="open"] .chatbot__toggleIcon--close{opacity:1;transform:rotate(0)}
.chatbot__window{pointer-events:auto;position:absolute;right:0;bottom:calc(100% + 16px);width:min(360px,calc(100vw - 48px));max-width:360px;height:min(600px,80vh);background:var(--ink);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--edge);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;touch-action:auto;overscroll-behavior:contain;opacity:0;transform:translateY(20px) scale(.95);transform-origin:bottom right;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1);visibility:hidden}
.chatbot[data-state="open"] .chatbot__window{opacity:1;transform:translateY(0) scale(1);visibility:visible}
.chatbot__header{padding:16px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--edge);display:flex;align-items:center;gap:12px}
.chatbot__avatar{width:40px;height:40px;background:linear-gradient(125deg,rgba(34,153,239,.65) 0%,rgba(54,105,237,.55) 100%);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.45);color:#fff;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}
.chatbot__avatarArgs{width:22px;height:22px}
.chatbot__status{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#2ecf7a;border:2px solid var(--ink);border-radius:50%}
.chatbot__info{flex:1;min-width:0}
.chatbot__name{font-weight:700;font-size:.95rem;color:var(--text);margin:0}
.chatbot__role{font-size:.75rem;color:var(--muted);margin:0}
.chatbot__close{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:4px;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}
.chatbot__close:hover{background:rgba(255,255,255,.08);color:var(--text)}
.chatbot__messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.msg{max-width:85%;padding:10px 14px;border-radius:18px;font-size:.88rem;line-height:1.5;animation:msgPop .3s cubic-bezier(.34,1.56,.64,1) both}
@keyframes msgPop{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
.msg--bot{align-self:flex-start;background:rgba(255,255,255,.08);color:var(--text);border-bottom-left-radius:4px}
.msg--user{align-self:flex-end;background:linear-gradient(125deg,rgba(34,153,239,.65) 0%,rgba(54,105,237,.55) 100%);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.45);color:#fff;border-bottom-right-radius:4px}
.chatbot__input{padding:16px;border-top:1px solid var(--edge);background:rgba(255,255,255,.02)}
.chatbot__form{display:flex;gap:8px;margin-top:10px}
.chatbot__form[hidden]{display:none!important}
.chatbot__form input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid var(--edge);font-size:16px;outline:none;background:rgba(255,255,255,.06);color:var(--text)}
.chatbot__form input:focus{border-color:var(--accent)}
.chatbot__form button{background:linear-gradient(125deg,rgba(34,153,239,.65) 0%,rgba(54,105,237,.55) 100%);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.45);color:#fff;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;flex-shrink:0}
.chatbot__form button:hover{transform:scale(1.05)}
.chatbot__options{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.chatbot__opt{padding:8px 12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:var(--text);border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s;box-shadow:inset 0 1px 1px rgba(255,255,255,.2)}
.chatbot__opt:hover{background:linear-gradient(125deg,rgba(34,153,239,.65) 0%,rgba(54,105,237,.55) 100%);border-color:rgba(255,255,255,.4);color:#fff}
@media (max-width:640px){
  .chatbot{bottom:16px;right:16px;padding:0}
  .chatbot__window{width:calc(100vw - 32px);max-width:360px;border-radius:20px}
  .chatbot__toggle{width:56px;height:56px}
  .chatbot__options{flex-direction:column;align-items:stretch}
  .chatbot__opt{width:100%;border-radius:14px;text-align:center}
}

/* ── Cookie banner: map its own tokens to the new design's palette/fonts ── */
:root{--card:var(--ink);--line:var(--edge);--primary:var(--accent);--font-body:'Manrope',system-ui,sans-serif;--font-heading:'Manrope',system-ui,sans-serif}
#cookie-banner,#cookie-prefs-modal .cp__dialog{border:1px solid var(--edge);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}

/* ── Liquid glass detail on every primary button, site-wide ── */
.pill.primary{background:linear-gradient(125deg,rgba(34,153,239,.55) 0%,rgba(54,105,237,.45) 100%)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(0,60,150,.25),0 10px 26px rgba(20,80,200,.35)!important;color:#fff}
.pill.primary:hover{background:linear-gradient(125deg,rgba(64,171,255,.65) 0%,rgba(78,128,255,.55) 100%)!important;filter:brightness(1.08)}
.btn--primary,.btn.btn--primary{background:linear-gradient(125deg,rgba(34,153,239,.55) 0%,rgba(54,105,237,.45) 100%)!important;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.5),inset 0 -1px 1px rgba(0,60,150,.25),0 10px 26px rgba(20,80,200,.35)!important;color:#fff!important}
.btn--primary:hover,.btn.btn--primary:hover{filter:brightness(1.08)}

.mobile-menu__tools{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--edge)}

.mobile-menu .tt{width:42px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,0.05);background:rgba(255,255,255,0.03);box-shadow:inset 0 1px 1px rgba(255,255,255,0.08);font-size:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:0.3s}
.mobile-menu .tt:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.1)}

/* Sombra escura no texto sobre os vídeos, para legibilidade */
.reel-content h2,.reel-content p,.reel-content .eyebrow{text-shadow:0 2px 10px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.5)}

.form-submit-actions{display:flex;flex-direction:column;align-items:center;gap:12px}
.form-submit-actions #send-whatsapp{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;border-radius:0;padding:2px 0;min-height:auto;height:auto;width:auto;color:var(--muted);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.form-submit-actions #send-whatsapp:hover{color:var(--text)}
@media (max-width:640px){.form-submit-actions{width:100%}.form-submit-actions #send{width:100%;justify-content:center}}
.form-foot{flex-wrap:wrap;row-gap:16px}
@media (max-width:520px){.form-foot>#submit-actions{width:100%}}

/* iOS Safari dá zoom automático em campos com menos de 16px — forçar 16px sempre */
.field input,.field textarea,.field select,
#mensagem,#orcamento,#prazo,#site,#nome,#email,#empresa,#zona,
.chatbot__form input,#chat-input-text{font-size:16px!important}

/* Voltar: texto simples, sem qualquer aparência de botão, alinhado com o Continuar */
.form-back{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;margin:0;background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;padding:0;min-height:auto;height:auto;width:auto;color:var(--muted);font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.form-back:hover{color:var(--text)}
.form-foot{justify-content:space-between;align-items:center}
.form-foot>#next{margin-left:auto}

/* Bloquear o arrasto lateral (rubber-band) no telemóvel, sem usar overflow-x
   no html/body — isso parte o position:sticky usado no scroll dos vídeos */
html,body{overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}

/* Mobile: vídeo dos showcases reproduz normalmente (sem scroll-scrub) —
   já não precisa da secção gigante de scroll nem do efeito de explosão. */
@media (max-width: 760px) {
  .showcase-reel { height: auto; }
  .reel-scene { position: relative; min-height: 100svh; }
  .reel-burst { clip-path: circle(150% at 50% 50%) !important; transform: scale(1) !important; }
  .reel-content { opacity: 1 !important; }
}
