:root{--ink:#081219;--dark:#070f15;--red:#f10b24;--deep-red:#bd0920;--paper:#f2f5f6;--muted:#4d5c65;--line:#dbe2e5;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;color:var(--ink);background:var(--dark);font-family:"Inter","Segoe UI",Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;object-fit:cover}
svg{width:1.25em;height:1.25em;flex:none;vertical-align:middle}
button,summary{cursor:pointer}
:focus-visible{outline:3px solid #ed2942;outline-offset:4px}
.wrap{width:min(100% - 72px,1230px);margin-inline:auto}
.skip{position:fixed;z-index:20;left:12px;top:12px;background:white;color:var(--ink);padding:12px;transform:translateY(-180%)}
.skip:focus{transform:none}
.top{position:sticky;top:0;z-index:9;background:#081016;color:white;border-bottom:1px solid #ffffff20}
.top-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:block;flex:none}
.brand img{width:111px;height:auto;max-height:63px;object-fit:contain}
.desktop-nav{display:flex;gap:clamp(14px,2vw,35px);align-items:center}
.desktop-nav a,.mobile-nav nav a{font-size:.74rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}
.desktop-nav a{position:relative;padding-block:25px}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#ff3d50}
.desktop-nav a[aria-current]::after{content:"";height:2px;background:var(--red);position:absolute;bottom:16px;inset-inline:0}
.mobile-nav{display:none}
.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;border:1px solid transparent;padding:11px 17px;font-weight:800;font-size:.82rem;line-height:1.3;transition:transform .2s,background .2s,box-shadow .2s;color:white}
.button:hover{transform:translateY(-3px)}
.primary{background:var(--deep-red);background:linear-gradient(135deg,#db081f,#bc081d);box-shadow:0 8px 22px #f10b241f}
.primary:hover{background:#a9071b;box-shadow:0 9px 26px #ef0a394b}
.outline{background:#08121970;border-color:#ffffff68}
.outline:hover{background:#ffffff20}
.hero{position:relative;isolation:isolate;color:white;background:#0b1920;overflow:hidden}
.hero-photo,.hero-photo img,.hero::before{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-photo img{object-position:center 48%}
.hero::before{content:"";z-index:-1;background:linear-gradient(90deg,#050c11f7 0%,#060d12e8 24%,#06101891 49%,#0610180d 82%),linear-gradient(0deg,#060d13e8,transparent 43%)}
.hero::after{content:"";position:absolute;bottom:55px;left:0;width:72px;height:86px;background:linear-gradient(48deg,#81081b,#f20c28);clip-path:polygon(0 0,100% 100%,0 100%);z-index:-1}
.hero-inner{min-height:clamp(470px,44vw,660px);display:flex;align-items:center;padding-block:55px}
.hero-copy{max-width:690px;animation:enter .65s ease-out both}
.eyebrow{color:var(--deep-red);font-weight:850;font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;margin:0 0 12px}
.hero .eyebrow,.about .eyebrow,.parts .eyebrow,.contact .eyebrow{color:#ff485a}
.signal{display:inline-block;background:#ff2943;width:7px;height:7px;border-radius:50%;margin:0 8px 2px 0;box-shadow:0 0 0 5px #ff294328}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.04;letter-spacing:-.045em}
h1{font-family:"Barlow Condensed","Arial Narrow","Segoe UI",sans-serif;font-size:clamp(2.5rem,5.55vw,5.5rem);font-weight:900;text-transform:uppercase;max-width:11.4em;margin-bottom:21px;line-height:.99}
h1 em,h2 em{font-style:normal;color:#ff3448}
h1 em{display:block}
h2{font-size:clamp(2rem,4vw,3.65rem);margin-bottom:15px}
h3{font-size:1.26rem;margin-bottom:9px}
.hero-copy>p:not(.eyebrow){max-width:455px;color:#e0e6e8;font-size:clamp(1rem,1.4vw,1.12rem);margin-bottom:25px}
.actions{display:flex;flex-wrap:wrap;gap:11px}
.hero-email{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:#e0e6e8;margin-top:18px}
.hero-email:hover,.contact-card a:hover{color:#ff7281}
.hero-strip{background:#060e15c9;border-top:1px solid #ffffff22}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.strip-grid span{display:flex;align-items:center;gap:10px;justify-content:center;padding:15px 7px;font-size:.83rem;font-weight:650}
.strip-grid span+span{border-left:1px solid #ffffff24}
.strip-grid svg{color:#ff485a}
.section{padding-block:clamp(48px,6vw,87px)}
.light{background:radial-gradient(ellipse at right top,#e1e9ed 0,transparent 56%),var(--paper)}
.section-head{text-align:center;margin:0 auto 32px}
.section-head p:last-child,.faq p{color:var(--muted);margin-bottom:0}
.service-grid,.steps,.models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.service{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:#08151d;color:white;box-shadow:0 9px 24px #10233119}
.service>img{width:100%;height:auto;aspect-ratio:1.65;transition:transform .35s}
.service:hover>img{transform:scale(1.055)}
.service-body{position:relative;padding:0 18px 20px;flex:1;display:flex;flex-direction:column;background:linear-gradient(0deg,#08151d 82%,#08151d00);margin-top:-26px}
.service-body>svg{width:38px;height:38px;padding:7px;background:#07131c;color:#ff4559;border-radius:6px;margin-bottom:10px}
.service-body p{color:#c8d3d8;font-size:.88rem;margin-bottom:14px}
.service-body a,.model-copy a,.map-link{font-size:.8rem;font-weight:800;display:inline-flex;align-items:center;gap:6px;align-self:flex-start}
.service-body a{color:#ff6575;margin-top:auto}
.service-body a:hover,.model-copy a:hover,.map-link:hover{text-decoration:underline}
.about,.parts,.contact{color:white;background:var(--dark)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(22px,5vw,78px)}
.about-photo{margin:0;position:relative;min-height:325px}
.about-photo img{height:100%;width:100%;position:absolute;inset:0;object-position:center}
.about-photo figcaption{position:absolute;bottom:12px;left:12px;padding:4px 8px;background:#070f15cb;color:#e2e8eb;font-size:.7rem;border-radius:4px}
.about-copy{padding-block:clamp(44px,6vw,88px)}
.about-copy>p:not(.eyebrow),.parts p:not(.eyebrow),.contact p:not(.eyebrow){color:#d1dce2}
.ticks{list-style:none;margin:18px 0 25px;padding:0;display:grid;gap:9px}
.ticks li{display:flex;align-items:center;gap:9px;font-size:.9rem}
.ticks svg,.trade>svg,.contact-card svg{color:#ff4a5d}
.steps{list-style:none;padding:0;margin:0}
.steps li{position:relative;text-align:center;padding:18px 14px;border:1px solid var(--line);background:#ffffff80;border-radius:8px}
.step-icon{width:46px;height:46px;display:grid;place-items:center;background:#cb0a22;color:white;border-radius:50%;margin:0 auto 13px}
.step-number{position:absolute;left:12px;top:14px;color:#66747e;font-size:.76rem;font-weight:800}
.steps h3{font-size:1.08rem}
.steps p{color:var(--muted);font-size:.84rem;margin:0}
.parts{padding-block:clamp(45px,6vw,82px);background:linear-gradient(90deg,#060e15f7 25%,#071219c9),url("assets/pecas-de-drone.jpg") center/cover}
.parts-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:35px}
.trade{padding:24px;border:1px solid #ffffff29;border-radius:8px;background:#0e1a23cb}
.trade>svg{width:30px;height:30px;margin-bottom:10px}
.model{overflow:hidden;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 15px #0812190b}
.model-photo{aspect-ratio:1.6;background:#f5f6f7;display:grid;place-items:center;overflow:hidden}
.model-photo img{object-fit:contain;padding:7px;width:100%;height:100%;mix-blend-mode:multiply;transition:transform .3s}
.model:hover img{transform:scale(1.075)}
.model-copy{padding:14px 14px 16px}
.model-copy h3{font-size:1.12rem}
.model-copy a,.map-link{color:var(--deep-red)}
.faq{border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:36px;align-items:start}
.faq-items{display:grid;gap:8px}
.faq-items details{background:#fff;border:1px solid var(--line);border-radius:6px}
.faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;font-size:.91rem;font-weight:750}
summary::-webkit-details-marker{display:none}
.faq-items summary span{width:15px;height:15px;position:relative;flex:none}
.faq-items summary span::before,.faq-items summary span::after{content:"";position:absolute;inset:7px 1px auto;height:2px;background:var(--deep-red)}
.faq-items summary span::after{transform:rotate(90deg);transition:transform .18s}
.faq-items details[open] summary span::after{transform:rotate(0)}
.faq-items p{padding:0 15px 14px;font-size:.88rem}
.contact{padding-block:clamp(46px,6vw,80px);background:linear-gradient(90deg,#071016f5,#071016c9),url("assets/drone-rio-mobile.jpg") center/cover}
.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:center}
.contact-card{font-style:normal;padding:23px;background:#0b1820ec;border:1px solid #ffffff30;border-radius:8px}
.contact-card p{display:flex;gap:11px;align-items:baseline;font-size:.92rem;margin-bottom:10px;overflow-wrap:anywhere}
.contact-card small{color:#c1cbd2}
.map-link{color:#ff6a79}
footer{color:#c8d1d7;background:#060d12}
.footer-main{display:flex;align-items:center;gap:22px;padding-block:22px}
.footer-main p{margin:0;font-size:.83rem}
.footer-main nav{display:flex;gap:15px;margin-left:auto;font-size:.83rem}
.footer-main a:hover{color:white}
.footer-bottom{padding-block:12px;border-top:1px solid #ffffff26;font-size:.75rem}
.float-contact{display:grid;place-items:center;position:fixed;right:19px;bottom:max(18px,env(safe-area-inset-bottom));z-index:8;width:53px;height:53px;border-radius:50%;border:1px solid #ff7484;color:white;background:#bd0920;box-shadow:0 4px 22px #0007;transition:transform .2s}
.float-contact svg{width:28px;height:28px}
.float-contact:hover{transform:translateY(-4px) scale(1.06)}
.in-view{animation:enter .55s ease-out both}
@keyframes enter{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:970px){.wrap{width:calc(100% - 48px)}.top-inner{gap:12px}.desktop-nav{gap:14px}.desktop-nav a{font-size:.67rem}.header-contact{padding-inline:10px}.service-grid,.models,.steps{gap:11px}.service-body{padding-inline:13px}}
@media(max-width:780px){.desktop-nav{display:none}.mobile-nav{display:block}.header-contact{margin-left:auto}.mobile-nav summary{display:grid;gap:4px;place-content:center;list-style:none;border:1px solid #ffffff48;border-radius:5px;width:44px;height:44px}.mobile-nav summary span{width:18px;height:2px;background:white}.mobile-nav nav{position:absolute;top:100%;inset-inline:0;background:#081219;border-bottom:1px solid #ffffff39;padding:9px 24px;display:grid}.mobile-nav nav a{padding:12px 0;border-bottom:1px solid #ffffff19}.mobile-nav nav a:last-child{border:0}.service-grid,.models,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-grid span{font-size:.72rem}.about-grid{gap:21px}.about-photo{min-height:270px}}
@media(max-width:590px){html{scroll-padding-top:70px}.wrap{width:calc(100% - 34px)}.top-inner{min-height:65px;gap:9px}.brand img{width:87px}.header-contact{min-height:40px;padding:8px;font-size:.72rem}.mobile-nav summary{width:40px;height:40px}.hero-inner{min-height:515px;align-items:end;padding-block:165px 36px}.hero-photo img{object-position:63% 45%}.hero::before{background:linear-gradient(0deg,#060e15 4%,#060e15eb 31%,#0710165e 69%,#0710161a 100%)}.hero::after{display:none}h1{font-size:clamp(2.3rem,9.5vw,3.4rem);margin-bottom:15px}.hero-copy>p:not(.eyebrow){margin-bottom:19px}.hero-copy .eyebrow{font-size:.65rem}.hero-email{margin-top:13px}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid span{justify-content:flex-start;padding:10px 4px;gap:7px}.strip-grid span+span{border-left:0}.strip-grid span:nth-child(n+3){border-top:1px solid #ffffff25}.section-head{margin-bottom:24px}.service-body h3{font-size:1.05rem}.service-body p{font-size:.8rem}.service-body a{font-size:.74rem}.about-grid,.parts-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:21px}.about-grid{padding-top:18px}.about-photo{min-height:245px}.about-copy{padding-block:0 43px}.footer-main{align-items:flex-start;flex-wrap:wrap;gap:11px}.footer-main p{flex:1}.footer-main nav{margin-left:0;flex-basis:100%}.float-contact{width:48px;height:48px;right:13px}}
@media(max-width:350px){.service-grid{grid-template-columns:1fr}.hero .button{font-size:.76rem;padding-inline:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

:root{--red:#f50720;--deep-red:#bd0920;--paper:#f1f4f6}
.wrap{width:min(89%,1240px)}
.top-inner{min-height:clamp(62px,7.05vw,86px)}
.brand img{width:clamp(92px,12vw,140px);max-height:70px}
.desktop-nav a{padding-block:20px}
.button.primary{background:#d9061e}
.button.primary:hover{background:#b9071b}
.hero-photo img{object-position:50% 48%}
.hero::before{background:linear-gradient(90deg,#040c13e6,#060e1590 39%,#060e1515 67%,transparent 86%),linear-gradient(0deg,#050d13e0,transparent 43%)}
.hero-inner{min-height:clamp(255px,28.3vw,440px);padding-block:clamp(24px,4vw,60px)}
.hero-copy{max-width:100%}
.hero h1{font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:clamp(1.78rem,3.18vw,3.68rem);letter-spacing:-.055em;max-width:none;margin-bottom:11px;line-height:1.015}
.hero h1 em{display:inline;color:#ff172c}
.hero-copy>p:not(.eyebrow){max-width:40ch;font-size:clamp(.84rem,1.34vw,1rem);line-height:1.34;margin-bottom:16px}
.hero-email{margin-top:10px;font-size:.77rem}
.hero .button{min-height:40px}
.hero-strip{background:#060e1596}
.strip-grid span{padding-block:12px}
.section{padding-block:clamp(24px,3.3vw,58px)}
.section-head{margin-bottom:22px}
.eyebrow{margin-bottom:7px}
h2{font-size:clamp(1.7rem,3vw,3rem);margin-bottom:9px}
.section-head>p:last-child,.gallery-head p:last-child{font-size:.9rem}
.service-grid{width:min(95%,1300px);margin-inline:auto}
#servicos>.wrap{width:min(100%,1380px)}
.service{min-height:clamp(230px,30vw,355px);isolation:isolate;border-radius:5px;justify-content:flex-end}
.service>img{position:absolute;inset:0;width:100%;height:72%;aspect-ratio:auto;object-position:center top}
.service::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#061219 24%,#061219f3 39%,#0612197a 61%,transparent 89%);pointer-events:none}
.service-body{z-index:2;flex:none;margin-top:0;background:none;padding-bottom:15px}
.service-body>svg{padding:0;background:none;width:33px;height:33px}
.service-body h3{font-size:clamp(1rem,1.65vw,1.4rem)}
.service-body p{line-height:1.35}
.about{position:relative;overflow:hidden;border-top:2px solid #b6081e;background:#071117}
.about::after{content:"";position:absolute;top:0;right:0;width:90px;height:73px;background:linear-gradient(45deg,#ff1029,#590711);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.about-grid{width:min(100%,1530px);grid-template-columns:1fr 1fr;gap:0}
.about-photo{min-height:260px}
.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 67%,#071117)}
.about-photo figcaption{z-index:1}
.about-copy{padding:clamp(24px,3.4vw,58px) 11% clamp(23px,3.4vw,58px) 6%}
.about-copy h2,.parts h2{text-transform:uppercase;font-size:clamp(1.55rem,2.85vw,2.75rem)}
.about-copy h2 em,.parts h2 em{display:block;color:#ff2136}
.about-copy>p:not(.eyebrow),.parts p:not(.eyebrow){font-size:.9rem;line-height:1.4;margin-bottom:14px}
.ticks{margin:12px 0 17px;gap:4px}
.ticks li{font-size:.79rem}
.steps li{padding-block:12px;background:transparent}
.parts{position:relative;overflow:hidden;isolation:isolate;background:#071117;padding-block:clamp(24px,3.3vw,58px)}
.parts-photo{position:absolute;right:0;top:0;width:42%;height:100%;z-index:-2;object-position:65% 45%}
.parts::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071117 48%,#07111720 82%)}
.parts-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,.9fr);gap:20px}
.trade{padding:13px;border:0;background:transparent}
.trade>svg{margin:0 0 7px}
.trade h3{font-size:1rem}
.text-link{color:#ff6575;font-weight:750;font-size:.84rem}
.text-link:hover{text-decoration:underline}
.models{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.model-copy{padding:10px}
.model-copy h3{font-size:clamp(.78rem,1.45vw,1.05rem)}
.model-copy a{font-size:.73rem}
.model-photo img{min-width:0;min-height:0}
.gallery{border-top:1px solid var(--line)}
.gallery-head{margin-bottom:13px}
.gallery-head p:last-child{color:var(--muted);margin-bottom:0}
.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.gallery-item{display:block;overflow:hidden;padding:0;border:0;background:#071117;border-radius:5px}
.gallery-item img{width:100%;height:auto;aspect-ratio:1.46;transition:transform .25s}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-dialog{padding:0;border:1px solid #ffffff40;border-radius:8px;color:white;background:#071117;width:min(90vw,680px)}
.gallery-dialog::backdrop{background:#020509d9}
.gallery-dialog img{width:100%;max-height:74vh;object-fit:contain}
.gallery-dialog button{position:absolute;top:9px;right:9px;border:0;background:#071117;color:white;border-radius:50%;width:38px;height:38px;font-size:1.5rem}
.gallery-dialog p{margin:0;padding:10px 15px}
.faq-grid>div:first-child::after{content:"";display:block;width:min(100%,340px);height:75px;margin-top:8px;background:url("assets/drone-faq.jpg") center/contain no-repeat;mix-blend-mode:multiply}
.contact{text-align:center;padding-block:clamp(25px,3.6vw,58px);background:linear-gradient(90deg,#071016bb,#07101686),url("assets/drone-rio-mobile.jpg") center 54%/cover}
.contact .actions{justify-content:center}
.contact p{margin-bottom:13px}
.footer-main{display:grid;grid-template-columns:1.2fr .7fr 1.1fr;gap:clamp(15px,4vw,57px);align-items:start;padding-block:25px}
.footer-main .brand{display:inline-block;margin-bottom:7px}
.footer-main nav{display:grid;gap:5px;margin:0}
.footer-main h3{font-size:1rem}
.footer-main .contact-card{padding:0;background:none;border:0}
.footer-main .contact-card p{margin:0 0 5px;font-size:.82rem}
@media(max-width:900px){.models{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.wrap{width:calc(100% - 42px)}.strip-grid span{font-size:.71rem}.about-grid{width:100%}.parts-grid{grid-template-columns:1.1fr 1fr}.parts-photo{width:59%}.parts::before{background:linear-gradient(90deg,#071117 29%,#071117cb 73%,#07111766)}}
@media(max-width:590px){
  .wrap{width:calc(100% - 34px)}.brand img{width:87px}
  .hero-inner{min-height:435px;padding-block:133px 23px}
  .hero-photo img{object-position:68% 40%}
  .hero::before{background:linear-gradient(0deg,#060e15 3%,#060e15ed 34%,#060e15b8 59%,#07101608 91%)}
  .hero h1{font-size:clamp(1.62rem,6.85vw,2.55rem)}
  .hero h1 em{display:block}
  .hero .actions{gap:7px}
  .hero .button{font-size:.74rem;padding-inline:9px}
  .strip-grid span{padding-block:8px}
  .section-head{padding-inline:9px}
  .service-grid{width:calc(100% - 34px);gap:9px}
  .service{min-height:220px}
  .service-body p{font-size:.78rem}
  .about-grid{width:100%;grid-template-columns:1fr;padding:0;gap:0}
  .about-photo{min-height:230px}
  .about-photo::after{background:linear-gradient(0deg,#071117,transparent 36%)}
  .about-copy{padding:16px 17px 25px}
  .parts-grid{grid-template-columns:1fr;gap:7px}
  .parts-photo{width:100%;opacity:.55}
  .parts::before{background:linear-gradient(90deg,#071117f5,#07111783)}
  .trade{padding:12px 0 0;border-top:1px solid #ffffff40}
  .models{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-main{grid-template-columns:1fr .75fr;gap:18px}
  .footer-main .contact-card{grid-column:1/-1}
}