:root{--navy:#202b60;--deep:#121b3e;--cyan:#04b4d8;--cyan2:#64e3f3;--ink:#1c2847;--muted:#65738b;--bg:#f5f8fc;--white:#fff;--line:#dee6f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;font:15px/1.65 'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{max-width:1220px;width:calc(100% - 72px);margin:auto}.skip{position:absolute;transform:translateY(-130%);background:#fff;z-index:99;padding:12px}.skip:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.header{height:66px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:205px;height:auto}.header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.header nav a:hover{color:#008aa7}.nav-cta{background:var(--navy);color:white!important;padding:9px 16px;border-radius:5px}.nav-cta:hover{background:#354780}.menu-toggle{display:none}.hero{background:linear-gradient(135deg,#f9fbfd 0%,#edf5fb 100%);padding:52px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#008ca9}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(42px,5vw,71px);line-height:1.1;margin:19px 0 22px;font-weight:800}h1 span,h2 em{color:#00a9ce;font-style:normal}h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;margin:8px 0 14px}h3{font-size:18px;line-height:1.3;margin:0 0 11px}.lead{font-size:17px;max-width:550px;color:#52647c;line-height:1.7}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;justify-content:center;align-items:center;gap:17px;border:1px solid transparent;border-radius:6px;padding:12px 18px;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.button:hover,.small-btn:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:white}.secondary{border-color:#cbd6e5;background:transparent;color:var(--navy)}.cyan{background:var(--cyan);color:var(--deep)}.hero-bottom{display:flex;gap:19px;flex-wrap:wrap;font-size:11px;color:#667994;margin-top:39px}.hero-bottom span:not(:first-child):before{content:'•';color:var(--cyan);margin-right:18px}.hero-art{position:relative;height:390px;background:linear-gradient(145deg,#182451,#1f386e 70%,#075c85);border-radius:17px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 26px 50px rgba(25,47,95,.16)}.hero-art:before{content:'';position:absolute;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 75px #ffffff05,0 0 0 165px #ffffff04}.hero-art .symbol{width:67%;height:74%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 22px #08152b55);animation:float 8s ease-in-out infinite}.panel-top,.panel-footer{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;color:#d9e6f9;font-size:10px;letter-spacing:.11em;z-index:3}.panel-top{top:21px}.panel-footer{bottom:21px;border-top:1px solid #ffffff2b;padding-top:14px}.live{letter-spacing:0}.live i{display:inline-block;background:#43eabb;border-radius:50%;height:6px;width:6px;margin-right:5px}.section{padding:67px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-top p{max-width:390px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{background:white;border:1px solid var(--line);border-radius:11px;padding:23px 21px;min-height:240px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:#70cbdf}.service-symbol{font-size:28px;color:var(--cyan);margin-bottom:23px}.service p{color:var(--muted);font-size:13px;margin:0 0 18px}.service small{color:#217c9d;font-weight:800;font-size:11px;margin-top:auto}.roren{background:linear-gradient(115deg,#17214a,#22356a);color:white;padding:64px 0}.roren-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:52px}.kicker.light{color:#65dff4}.roren h2{font-size:clamp(34px,3.8vw,51px)}.roren p{max-width:520px;color:#d5def2}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.pills span{border:1px solid #ffffff36;border-radius:100px;padding:4px 11px;font-size:11px;color:#e9f4fe}.roren-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:270px;background:#ffffff0b;border:1px solid #ffffff16;border-radius:15px}.roren-logo img{max-width:300px;max-height:215px;object-fit:contain}.roren-logo span{font-size:10px;letter-spacing:.13em;color:#b2c8eb}.contact{background:#e9f2f8}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.contact p{color:var(--muted);max-width:370px}.email{display:inline-block;font-weight:800;color:#087e9b;margin-top:8px;overflow-wrap:anywhere}.location{font-size:12px;color:#687b8f;margin-top:27px}.contact-panel{background:white;padding:26px;border:1px solid #d8e6ee;border-radius:12px;box-shadow:0 15px 35px #1c456210}.contact-panel form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-panel label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#33435d}.contact-panel input,.contact-panel select,.contact-panel textarea{border:1px solid #cddbe8;border-radius:5px;padding:10px 12px;color:var(--ink);width:100%;background:#fff;font-size:13px}.contact-panel textarea{resize:vertical}.contact-panel .submit{justify-self:start}.contact-panel small{font-size:11px;color:var(--muted)}.honeypot{position:absolute;left:-9999px}.portfolio{background:#fff}.portfolio-filters{display:flex;gap:8px;margin-bottom:23px;flex-wrap:wrap}.filter{background:#f2f6fa;color:#52627b;border:1px solid #e1e9f0;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:800}.filter.is-active{background:var(--navy);color:white}.filter span{opacity:.65;margin-left:8px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 13px 25px #20304a13}.work-card[hidden]{display:none!important}.work-body{padding:19px 19px 20px;display:flex;flex-direction:column;flex:1}.work-label{font-size:10px;color:#008cab;font-weight:800;letter-spacing:.1em;margin-bottom:8px}.work-body h3{font-size:18px;margin-bottom:8px}.work-body p{font-size:12px;color:var(--muted);margin-bottom:18px}.work-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:auto}.work-actions a:not(.small-btn){font-size:11px;font-weight:800;color:#217793}.small-btn{border:0;background:var(--navy);color:#fff;border-radius:5px;padding:8px 12px;display:inline-block;font-size:11px;font-weight:800;transition:transform .2s}.feature-visual,.bi-thumb{height:182px;overflow:hidden;position:relative}.feature-visual{background:radial-gradient(circle at 75% 60%,#ed6e19 0%,#9e2d0b 36%,#24110c 80%);color:white;padding:18px 20px}.feature-topline{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:.11em;color:#ffdcc7}.bomb-name{font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,55px);font-weight:800;letter-spacing:-.09em;margin-top:27px;line-height:1}.bomb-name span{color:#ff9544}.feature-visual p{font-size:11px;color:#ffdac6;margin-top:12px}.feature-badge{position:absolute;right:16px;bottom:14px;font-size:10px;font-weight:800;letter-spacing:.12em}.bi-thumb{background:linear-gradient(145deg,#e9f8fc,#dae8f7);display:flex;align-items:end;justify-content:center;padding:27px 25px}.bi-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 96%,#c5d9e96d 97%),linear-gradient(90deg,transparent 96%,#c5d9e96d 97%);background-size:39px 39px;opacity:.6}.bar-chart{height:112px;display:flex;gap:12px;align-items:end;z-index:1}.bar-chart i{width:23px;background:linear-gradient(#00b4d4,#244a92);border-radius:5px 5px 0 0;height:55%}.bar-chart i:nth-child(2){height:80%}.bar-chart i:nth-child(3){height:42%}.bar-chart i:nth-child(4){height:96%}.bar-chart i:nth-child(5){height:69%}.bar-chart i:nth-child(6){height:90%}.bar-chart i:nth-child(7){height:76%}.bi-indicator{position:absolute;top:15px;left:17px;right:17px;display:flex;justify-content:space-between;color:#27486c;font-size:10px;font-weight:800;letter-spacing:.13em;z-index:2}.portfolio-note{font-size:12px;color:var(--muted);margin-top:20px}.footer{background:#f5f8fc;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;font-size:11px;color:var(--muted)}.footer-brand img{width:160px;display:block}.footer-inner div{display:flex;gap:16px;font-weight:700}.preview-dialog{width:min(1130px,96vw);max-width:none;max-height:94vh;padding:0;border:0;border-radius:10px;box-shadow:0 20px 75px #0005}.preview-dialog::backdrop{background:#071332cc}.preview-head{padding:13px 19px;background:var(--deep);color:white;display:flex;justify-content:space-between;gap:15px;align-items:center}.preview-head div:first-child{display:flex;flex-direction:column}.preview-head span{font-size:10px;letter-spacing:.12em;color:#70ddef}.preview-head strong{font-size:16px}.preview-controls{display:flex;gap:15px;align-items:center}.preview-controls a{font-size:12px}.preview-controls button{background:transparent;color:#fff;border:1px solid #ffffff55;border-radius:4px;padding:5px 11px}.preview-content{height:min(68vh,670px);background:#ebf4fb}.preview-content iframe{display:block;width:100%;height:100%;border:0}.preview-dialog>p{padding:8px 18px;margin:0;font-size:11px;color:var(--muted)}@keyframes float{50%{transform:translateY(-9px)}}@media(max-width:1000px){.hero-grid{gap:25px}.service-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:28px}.header nav{gap:16px}}@media(max-width:700px){.container{width:calc(100% - 36px)}.header{height:60px}.brand img{width:169px}.menu-toggle{display:flex;flex-direction:column;gap:4px;background:transparent;border:0;padding:10px}.menu-toggle span{width:22px;height:2px;background:var(--navy)}.header nav{display:none;position:absolute;left:0;right:0;top:60px;background:white;padding:16px 18px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:14px}.header nav.open{display:flex}.hero{padding:36px 0}.hero-grid,.roren-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:28px}.hero-art{height:265px}.hero-art .symbol{height:69%}.hero-bottom{margin-top:23px;gap:10px}h1{font-size:42px}.lead{font-size:15px}.section{padding:45px 0}.section-top{display:block}.section-top p{margin-top:10px}.service-grid,.work-grid{grid-template-columns:1fr}.service{min-height:190px}.roren{padding:45px 0}.roren-grid{gap:24px}.roren-logo{min-height:220px}.roren-logo img{max-height:140px}.form-row{grid-template-columns:1fr}.contact-panel{padding:18px}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}.footer-brand{width:100%;display:flex;justify-content:center}.preview-head{flex-wrap:wrap}.preview-content{height:57vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* V4.1: somente thumbnail real do projeto Bomb Eye */
.feature-visual-real{padding:0;background:#fa6907}
.feature-visual-real img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}

/* V4.2: Instagram institucional */
.instagram-contact{display:inline-block;margin-top:14px;color:#0a9dc4;font-size:14px;font-weight:700;text-decoration:none}.instagram-contact:hover,.instagram-contact:focus-visible{text-decoration:underline}