@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#ecf6ff;--muted:#9bb1c5;--blue:#3c9cfa;--line:#26435b;--base:#05101c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:#05101c;color:var(--ink);margin:0;font:500 14px/1.55 'Manrope',system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7bcaff;outline-offset:3px}::selection{background:#168ff4;color:white}.shell{width:min(1270px,calc(100% - 48px));margin-inline:auto}.sr{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:absolute;left:10px;top:-100px;background:white;color:#061827;padding:12px;z-index:999}.skip:focus{top:10px}
.bar{position:sticky;top:0;z-index:60;background:rgba(5,16,29,.94);backdrop-filter:blur(18px);border-bottom:1px solid #28425d}.bar-inner{height:73px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-link{display:flex;align-items:center;gap:20px}.brand-link img{width:132px;height:37px;object-fit:contain}.brand-label{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8cb2d5;padding-left:19px;border-left:1px solid #315471}.bar-nav{display:flex;align-items:center;gap:22px}.bar-nav a{font-size:12px;color:#b8cee2;font-weight:750}.bar-nav a:hover{color:white}.bar-nav .nav-cta{padding:10px 14px;background:#175b99;border-radius:9px;color:white}
.hero{padding:75px 0 34px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:-180px -260px auto auto;width:760px;height:700px;background:radial-gradient(ellipse at center,#15508b3d,transparent 63%);pointer-events:none}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#71beff;font:800 10px/1.2 'Manrope',sans-serif;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before{content:'';height:6px;width:6px;border-radius:100%;background:#65bdff;box-shadow:0 0 0 5px #1e7ec739}.hero-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:32px}.hero h1{font:750 clamp(43px,5.6vw,78px)/1.06 'Space Grotesk',system-ui;letter-spacing:-.065em;margin:20px 0 22px;max-width:780px}.hero h1 em{font-style:normal;color:#7fc7ff}.hero p{color:#a9c1d6;font-size:15px;max-width:520px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:27px}.primary,.secondary{min-height:44px;border:1px solid #3786c7;border-radius:11px;padding:12px 18px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:850}.primary{background:#258de1;color:white}.primary:hover{background:#42a8f1}.secondary{background:#0c273b;color:#d4ebfd}.secondary:hover{background:#123a55}.hero-notes{display:flex;gap:17px;flex-wrap:wrap;margin-top:27px;color:#9db8d0;font-size:11px}.hero-notes span:before{content:'✓';color:#77cfff;margin-right:7px}
.hero-scene{border:1px solid #305272;background:#0c2438;border-radius:17px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 30px 90px #0009}.hero-scene-bar{display:flex;justify-content:space-between;gap:8px;padding:11px 15px;border-bottom:1px solid #31526a;font-size:9px;letter-spacing:.09em;color:#a5c1d5}.hero-scene-bar b{color:#64b6fa}.hero-scene-image{position:relative;height:270px;overflow:hidden}.hero-scene-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.67)}.hero-scene-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061321ce,transparent 75%)}.hero-scene-content{position:absolute;z-index:2;left:24px;top:43px;width:76%;color:white}.hero-scene-content small{display:block;letter-spacing:.17em;text-transform:uppercase;font-size:9px;color:#ffddb1;font-weight:800}.hero-scene-content strong{display:block;font:700 clamp(36px,3.3vw,50px)/1.03 'Playfair Display',Georgia,serif;margin:17px 0}.hero-scene-content span{font-size:10px;color:#d4e2e7}.hero-scene-bottom{padding:11px 17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a2c4df}
.note{display:flex;align-items:center;gap:15px;color:#adc4d9;font-size:11px;background:#10263a;border:1px solid #234866;padding:13px 17px;border-radius:11px;margin:30px 0 0}.note b{color:#d2ebff}.note i{width:22px;height:22px;flex:none;border-radius:50%;border:1px solid #74bdf3;display:grid;place-items:center;font-style:normal;color:#90d1ff;font-weight:800}
.filter-shell{background:#091b2c;border:1px solid #25445e;border-radius:20px;padding:22px 25px;margin:14px auto 34px}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.filter-header strong{font-size:16px;letter-spacing:-.03em}.filter-header span{font-size:11px;color:#8fb8d4}.filter-row{display:flex;gap:12px;align-items:center}.search-field{flex:1;display:flex;gap:11px;align-items:center;border:1px solid #385c78;background:#061525;border-radius:11px;padding:0 14px;min-height:48px}.search-field:focus-within{border-color:#64b9f1}.search-field span{color:#7ebfe9;font-size:24px}.search-field input{width:100%;background:transparent;color:white;border:none;outline:none;min-width:0;font-size:13px}.search-field input::placeholder{color:#7897af}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #2b526f;border-radius:10px;background:#0d2e49;color:#a4c9e5;padding:12px 13px;font-size:11px;font-weight:800}.chip[aria-pressed=true],.chip:hover{background:#237ac1;border-color:#469bdc;color:white}.result-info{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#86a9c2;font-size:11px}.result-info button{border:0;background:transparent;color:#b8e4ff;text-decoration:underline;font-size:11px}
.group{padding:10px 0 25px}.group-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:21px}.group-kicker{color:#64b5f4;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.group-head h2{font:700 clamp(26px,3vw,36px)/1.15 'Space Grotesk',system-ui;letter-spacing:-.045em;margin:9px 0 5px}.group-head p{color:#9eb6c8;font-size:12px;margin:0}.group-count{border:1px solid #305776;background:#10293e;border-radius:999px;color:#9bccef;font-size:11px;padding:7px 12px;white-space:nowrap}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{border:1px solid #2b455e;border-radius:18px;min-width:0;overflow:hidden;background:#0a192a;display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 15px 35px #00000024}.tile:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 20px 48px #0007}.tile[hidden],.group[hidden]{display:none!important}
.preview{display:block;position:relative;overflow:hidden;isolation:isolate;height:242px;background:var(--scene-bg,#151e26);border-bottom:1px solid #2a4056}.preview:focus-visible{outline-offset:-4px}.preview .chrome{height:30px;position:absolute;z-index:3;left:0;right:0;top:0;background:#061320d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#b6ccd9;font-size:9px;letter-spacing:.04em}.dots{display:inline-flex;gap:4px}.dots i{height:5px;width:5px;border-radius:50%;background:#688ba7}.scene-address{font-size:8px;color:#90adc2;max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scene-img{position:absolute;inset:30px 0 0;width:100%;height:calc(100% - 30px);object-fit:cover;filter:saturate(.82) contrast(1.04);transform:scale(1.01);transition:transform .5s}.tile:hover .scene-img{transform:scale(1.055)}.preview:before{content:'';position:absolute;inset:30px 0 0;z-index:1;background:linear-gradient(90deg,var(--scene-bg,#12191e) 3%,color-mix(in srgb,var(--scene-bg,#12191e) 72%,transparent) 42%,transparent 100%);opacity:.96}.preview:after{content:'';position:absolute;inset:30px 0 0;z-index:1;background:linear-gradient(0deg,var(--scene-bg,#12191e),transparent 52%);opacity:.9}
.scene-content{position:absolute;inset:45px 12px 15px 24px;z-index:2;display:flex;align-items:flex-start;flex-direction:column}.scene-logo{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.scene-logo .scene-mark{background:var(--accent);color:var(--scene-bg);font-family:Georgia,serif;font-size:17px;letter-spacing:-.05em;width:29px;height:29px;display:grid;place-items:center;border-radius:3px}.scene-content h3{font:700 clamp(23px,2.8vw,35px)/1.08 var(--face,'Playfair Display',Georgia,serif);letter-spacing:-.03em;color:var(--scene-fg,#fff8ee);margin:auto 0 7px;max-width:290px;text-shadow:0 2px 16px #0007}.scene-content p{font-size:10px;color:#f1f1e6;max-width:240px;line-height:1.5;margin:0 0 12px;text-shadow:0 1px 8px #000}.scene-cta{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--accent);color:#fff;font-size:10px;font-weight:800;padding-bottom:5px}
.tile[data-type="commerce"] .scene-content h3,.tile[data-type="creative"] .scene-content h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em}.tile[data-type="office"] .scene-content h3{font-family:'DM Sans',sans-serif;font-weight:800}.tile[data-type="luxury"] .preview:before{background:linear-gradient(90deg,var(--scene-bg) 0%,color-mix(in srgb,var(--scene-bg) 45%,transparent) 58%,transparent 100%)}.tile[data-type="bold"] .scene-content h3{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:34px;text-transform:uppercase}
.tile-body{padding:19px 19px 16px;display:flex;flex-direction:column;flex:1}.tile-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#9bbfdc;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.105em}.tile-meta .number{color:var(--accent);font-size:10px}.tile-title{font:700 20px/1.2 'Space Grotesk',system-ui;letter-spacing:-.045em;margin:8px 0 7px;color:white}.tile-desc{color:#9eb7ca;font-size:12px;line-height:1.6;margin:0;min-height:38px}.tile-features{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px;padding:0;list-style:none}.tile-features li{font-size:9px;border:1px solid #294660;border-radius:6px;color:#a0bfd2;padding:5px 8px;background:#0d263a}.tile-actions{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.tile-open{display:inline-flex;justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:10px 14px;background:#235d93;border:1px solid #397cad;border-radius:8px;color:#fff;font-size:11px;font-weight:850}.tile-open:hover{background:#3381c4}.tile-compare{min-height:43px;background:#0e283c;border:1px solid #315472;color:#b3d7ee;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:800}.tile-compare[aria-pressed=true]{background:#234b4a;color:#a7f0dd;border-color:#68ab9c}.tile-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#7fa3c0;padding-top:12px}.tile-footer a{color:#a1dafb;text-decoration:underline;text-underline-offset:2px}
.empty{background:#102b42;border:1px dashed #42739a;border-radius:15px;padding:25px;color:#c2d6e7;margin:20px 0}.empty[hidden],.comparison[hidden]{display:none!important}
.comparison{margin:28px 0 34px;border:1px solid #376c91;border-radius:21px;background:#0d263d;padding:22px}.comparison>header{display:flex;justify-content:space-between;align-items:center;gap:15px}.comparison h2{margin:0;font-size:22px;letter-spacing:-.05em}.comparison>p{color:#aec9dc;font-size:12px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-item{background:#092138;border:1px solid #2c5878;border-radius:13px;padding:16px}.compare-item small{color:#9ed3ed}.compare-item h3{margin:6px 0;font-size:17px}.compare-item ul{padding-left:17px;color:#bfd6e5;font-size:12px}.compare-item a{display:inline-block;background:#226eab;border-radius:7px;padding:9px 11px;color:white;font-weight:800;font-size:11px}.clear-button{background:transparent;border:1px solid #4f86aa;border-radius:8px;color:#9dd9ff;padding:9px 13px;font-size:12px}
.closing{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin:42px 0 65px;border:1px solid #376c95;background:radial-gradient(circle at 100% 0%,#135c8e7c,transparent 55%),#102a40;border-radius:22px;padding:32px}.closing h2{font:700 clamp(24px,3.5vw,37px)/1.13 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:10px 0}.closing p{color:#aec8d9;margin:0;max-width:700px}.footer{border-top:1px solid #25445b;color:#89a7bd;padding:27px 0 35px;font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#9dd7fb;text-decoration:underline}
/* Direção visual por setor — não apenas troca de cor */
.tile[data-type="creative"] .preview{background:linear-gradient(135deg,var(--scene-bg),#18232f)}
.tile[data-type="creative"] .scene-img{left:44%;width:56%;height:calc(100% - 30px);object-position:center;filter:saturate(1.15) contrast(1.05)}
.tile[data-type="creative"] .preview:before{background:linear-gradient(90deg,var(--scene-bg) 8%,color-mix(in srgb,var(--scene-bg) 87%,transparent) 44%,transparent 92%)}
.tile[data-type="creative"] .scene-content{right:26%;left:19px}
.tile[data-type="creative"] .scene-content h3{font-size:31px;max-width:245px;letter-spacing:-.065em;line-height:1.01;text-transform:uppercase}
.tile[data-type="creative"] .scene-logo .scene-mark{border-radius:50%;font:800 16px 'Space Grotesk',sans-serif}
.tile[data-type="office"] .preview{background-image:linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px);background-size:23px 23px;background-color:var(--scene-bg)}
.tile[data-type="office"] .scene-img{left:43%;width:57%;opacity:.72;filter:grayscale(.35) contrast(1.08)}
.tile[data-type="office"] .preview:before{background:linear-gradient(90deg,var(--scene-bg) 8%,color-mix(in srgb,var(--scene-bg) 90%,transparent) 55%,transparent)}
.tile[data-type="office"] .scene-content h3{font-size:29px;line-height:1.04;max-width:255px}
.tile[data-type="fresh"] .scene-img{left:38%;width:62%;object-position:55% center;filter:saturate(.83)}
.tile[data-type="fresh"] .preview:before{background:linear-gradient(90deg,var(--scene-bg) 0%,color-mix(in srgb,var(--scene-bg) 90%,transparent) 49%,transparent)}
.tile[data-type="fresh"] .scene-content h3{font:750 30px/1.05 'DM Sans',sans-serif;letter-spacing:-.052em;max-width:245px}
.tile[data-type="fresh"] .scene-logo .scene-mark{border-radius:10px}
.tile[data-type="bold"] .scene-img{filter:grayscale(.75) contrast(1.45) brightness(.85)}
.tile[data-type="bold"] .scene-logo .scene-mark{border-radius:0;transform:rotate(-6deg);font-family:'Space Grotesk',sans-serif}
.tile[data-type="bold"] .scene-content h3{max-width:300px}
.tile[data-type="commerce"] .scene-content h3{font-size:36px}
@media(max-width:390px){.tile[data-type="creative"] .scene-content h3{font-size:27px}.tile[data-type="bold"] .scene-content h3{font-size:27px}}
@media(max-width:1090px){.hero-layout{grid-template-columns:1fr .85fr}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{flex-direction:column;align-items:stretch}.chips{flex-wrap:wrap}.hero-scene-image{height:245px}}
@media(max-width:650px){.shell{width:min(100% - 30px,1270px)}.bar-inner{height:64px}.brand-link img{width:118px;height:34px}.brand-label{font-size:8px;padding-left:11px}.bar-nav a:not(.nav-cta){display:none}.bar-nav .nav-cta{font-size:10px;padding:9px 11px}.hero{padding:36px 0 23px}.hero-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(39px,10vw,57px);margin:15px 0}.hero p{font-size:13px;margin:0}.hero-scene{transform:none}.hero-scene-image{height:215px}.hero-scene-content strong{font-size:38px}.hero-actions{margin-top:19px}.hero-notes{margin-top:18px}.note{margin:20px 0 0;font-size:10px;align-items:flex-start}.filter-shell{padding:16px;margin:11px auto 29px;border-radius:14px}.filter-header{display:block}.filter-header span{display:block;margin-top:5px}.search-field{min-height:44px}.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chip{font-size:10px;padding:10px 7px}.group{padding:0 0 27px}.group-head{display:block;margin-bottom:14px}.group-count{display:inline-block;margin-top:10px}.gallery{grid-template-columns:1fr;gap:13px}.tile{border-radius:15px}.preview{height:200px}.scene-content{inset:45px 10px 12px 21px}.scene-content h3{font-size:31px}.tile[data-type="bold"] .scene-content h3{font-size:30px}.tile-body{padding:14px 15px 14px}.tile-title{font-size:19px;margin:6px 0}.tile-desc{min-height:0;font-size:11px}.tile-features{margin:10px 0 12px}.tile-open{min-height:42px}.tile-compare{min-height:42px}.comparison{padding:16px}.compare-grid{grid-template-columns:1fr}.closing{grid-template-columns:1fr;padding:22px;margin:25px 0 35px}.footer-inner{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}