/* DRONUNIT — premium industrial tech visual system */
:root{--bg:#050907;--panel:#09110d;--green:#24f36a;--green2:#0cbd4c;--white:#f4f7f5;--muted:#a7b0aa;--line:rgba(36,243,106,.28);--font:'Manrope',sans-serif;--display:'Barlow Condensed',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1320px)/2));position:absolute;z-index:30;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:29px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.brand b{color:var(--green)}.brand-mark{width:38px;height:44px;fill:none;stroke:var(--green);stroke-width:3;stroke-linejoin:round}.brand-pulse{color:var(--green);font-size:38px;line-height:0;margin-left:5px}.desktop-nav{display:flex;gap:35px;margin-left:auto;margin-right:36px}.desktop-nav a,.header-cta{font-size:14px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;transition:color .2s}.desktop-nav a:hover,.header-cta:hover{color:var(--green)}.header-cta{border:1px solid var(--green);padding:12px 16px}.header-cta span{color:var(--green);font-size:16px;margin-left:12px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:27px;height:2px;background:var(--green);margin:6px}
.hero{min-height:740px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#08100d}.hero-image{position:absolute;inset:0 0 0 25%;z-index:-3;background:url('slider-dron.jpg') center 45%/cover no-repeat;filter:saturate(.8)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030705 0%,rgba(3,7,5,.97) 25%,rgba(3,7,5,.72) 53%,rgba(3,7,5,.08) 100%),linear-gradient(0deg,#050907 0%,transparent 34%,rgba(0,0,0,.2) 100%)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(rgba(36,243,106,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(36,243,106,.18) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-content{padding-top:85px;position:relative}.eyebrow{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin:0 0 20px}.eyebrow span:not(.live-dot){color:var(--green)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green);margin-right:9px}.hero h1,.section h2,.thermal-copy h2,.contact-copy h2{font-family:var(--display);font-size:clamp(52px,7.3vw,96px);line-height:.91;letter-spacing:-1px;margin:0;font-weight:800}.hero h1 em,.section h2 em,.thermal-copy h2 em,.contact-copy h2 em{font-style:normal;color:var(--green)}.hero-lead{font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.35;margin:28px 0 12px;max-width:530px}.hero-copy{color:#b6c0b9;max-width:445px;margin:0 0 28px;font-size:13px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 19px;font-size:12px;letter-spacing:1px;font-weight:800;text-transform:uppercase;border:1px solid var(--green);transition:transform .2s,background .2s,color .2s;cursor:pointer}.btn span{font-size:19px;line-height:1}.btn-primary{background:var(--green);color:#031007}.btn-primary:hover{background:#8affad;transform:translateY(-2px)}.btn-outline{color:var(--green);background:transparent}.btn-outline:hover{background:var(--green);color:#031007}.text-link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:8px}.text-link span{color:var(--green);margin-left:12px;font-size:17px}.hero-proof{display:flex;gap:13px;align-items:center;margin-top:56px;color:#aab5ae;font-size:14px;line-height:1.55}.hero-proof b{color:#fff}.proof-line{height:37px;width:3px;background:var(--green)}.hero-index{position:absolute;bottom:40px;right:45px;color:#8a958e;font-size:12px;letter-spacing:2px}.hero-index span{color:var(--green)}.hero-vertical{position:absolute;right:22px;top:40%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:rgba(255,255,255,.65)}
.ticker{border-block:1px solid var(--line);overflow:hidden;background:#07100b}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:35px;min-width:850px;padding:17px 20px;color:#d9e1dc;font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:1.4px}.ticker i{font-style:normal;color:var(--green);font-size:18px}
.section{padding:115px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:45px}.section h2,.thermal-copy h2,.contact-copy h2{font-size:clamp(43px,5vw,66px)}.section-intro{max-width:390px;color:var(--muted);font-size:14px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;min-height:435px;overflow:hidden;border:1px solid rgba(36,243,106,.3);background:#0a120e;isolation:isolate;transition:transform .3s,border-color .3s}.service-card:hover{transform:translateY(-6px);border-color:var(--green)}.service-photo{position:absolute;inset:0;z-index:-2;background-size:102%; background-repeat: no-repeat;background-position:top center;transition:transform .7s}.service-card:hover .service-photo{transform:scale(1.05)}.service-energy .service-photo{background-image:url('panele.png')}.service-height .service-photo{background-image:url('wiatraki.png')}.service-industry .service-photo{background-image:url('comming.jpeg')}.service-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#030705 0%,rgba(3,7,5,.94) 20%,rgba(3,7,5,.25) 75%,rgba(3,7,5,.1))}.service-number{position:absolute;top:19px;left:20px;font-size:9px;letter-spacing:1.8px;color:var(--green);font-weight:800}.service-card-content{position:absolute;left:23px;right:23px;bottom:25px}.service-icon{color:var(--green);font-size:30px;line-height:1}.service-card h3{font-family:var(--display);font-size:35px;line-height:.98;margin:14px 0 12px}.service-card p{color:#b6c0b9;font-size:14px;min-height:40px}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:20px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800}.card-link span{color:var(--green);font-size:18px}
.thermal-section{display:grid;grid-template-columns:1.05fr .95fr;border-block:1px solid var(--line);background:#07100b;min-height:550px}.thermal-visual{position:relative;min-height:500px;overflow:hidden}.thermal-photo{position:absolute;inset:0;background:url('wiatraki.png') center/cover;filter:saturate(.6)}.thermal-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,7,.05),rgba(5,9,7,.3)),linear-gradient(0deg,rgba(5,9,7,.6),transparent 50%);mix-blend-mode:screen}.thermal-visual:after{content:"";position:absolute;inset:15% 13%;border:1px solid rgba(36,243,106,.7);clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);box-shadow:0 0 30px rgba(36,243,106,.1)}.thermal-label{position:absolute;bottom:28px;left:30px;right:30px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px;font-weight:800}.thermal-label b{margin-left:auto;color:var(--green)}.thermal-crosshair{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-size:55px;color:var(--green);font-weight:200;text-shadow:0 0 15px var(--green)}.thermal-scale{position:absolute;right:22px;top:28%;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;color:#fff}.thermal-scale i{display:block;width:5px;height:18px;background:linear-gradient(#ff4a24,#ffcf35,#24f36a,#27b8ff)}.thermal-copy{padding:90px clamp(35px,6vw,90px);align-self:center}.thermal-copy h2{font-size:clamp(40px,4.5vw,60px)}.thermal-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:25px 0}.check-list{list-style:none;padding:0;margin:0 0 29px}.check-list li{padding:8px 0 8px 24px;position:relative;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}.check-list li:before{content:"";position:absolute;left:0;top:17px;width:12px;height:2px;background:var(--green)}
.data-section{background:linear-gradient(110deg,#07100b,#040705);border-bottom:1px solid var(--line)}.data-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.data-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:470px;margin:24px 0}.data-copy .text-link{display:inline-block;margin-top:12px}.data-features{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.data-feature{min-height:170px;padding:27px 24px;display:flex;flex-direction:column;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.data-feature:nth-child(2n){border-right:0}.data-feature:nth-last-child(-n+2){border-bottom:0}.feature-icon{color:var(--green);font-size:35px;line-height:1.1;margin-bottom:15px}.data-feature b{font-size:14px;letter-spacing:1px}.data-feature small{color:var(--muted);font-size:14px;margin-top:5px}
.process-section{padding-bottom:125px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.process-grid article{padding:25px 24px 30px;min-height:235px;border-right:1px solid var(--line);position:relative;transition:background .25s}.process-grid article:last-child{border-right:0}.process-grid article:hover{background:rgba(36,243,106,.045)}.process-no{position:absolute;right:18px;top:17px;color:#607067;font-size:12px}.process-symbol{display:block;font-size:34px;color:var(--green);margin:25px 0 17px}.process-grid h3{font-family:var(--display);font-size:23px;margin:0 0 8px}.process-grid p{color:var(--muted);font-size:14px;margin:0}
.benefits-band{background:#080f0b;border-block:1px solid var(--line);padding:40px 0}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefits-grid>div{padding:4px 26px;border-right:1px solid var(--line)}.benefits-grid>div:first-child{padding-left:0}.benefits-grid>div:last-child{border:0}.benefit-icon{font-size:31px;color:var(--green)}.benefits-grid h3{font-size:14px;line-height:1.4;letter-spacing:.4px;margin:12px 0}.benefits-grid p{color:var(--muted);font-size:14px;margin:0}
.contact-section{position:relative;overflow:hidden;padding:120px 0;background:#030705}.contact-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 60%,rgba(12,189,76,.12),transparent 40%),linear-gradient(120deg,transparent 40%,rgba(36,243,106,.04))}.contact-layout{position:relative;display:grid;grid-template-columns:1fr .78fr;gap:100px;align-items:start}.contact-copy{padding-top:25px}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:430px;font-size:14px;margin:26px 0}.contact-note{color:var(--green);font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-top:35px}.contact-form{border:1px solid var(--line);background:rgba(8,17,12,.86);padding:30px}.form-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:22px;color:var(--green);font-size:14px;font-weight:800;letter-spacing:1.5px}.form-top span:last-child{color:#728078}.contact-form label{display:block;color:#d9e1dc;font-size:14px;font-weight:700;margin:17px 0}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.13);background:#050a07;color:#f4f7f5;padding:12px 13px;outline:none;font-size:12px;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#657168}.contact-form select:invalid{color:#657168}.contact-form option{color:#fff;background:#050a07}.contact-form textarea{resize:vertical}.form-submit{width:100%;margin-top:4px}.form-hint{font-size:9px;color:#7d8981;line-height:1.5}.form-status{font-size:11px;color:var(--green);min-height:15px}
.site-footer{border-top:1px solid var(--line);background:#030604}.footer-top{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top p{font-size:11px;letter-spacing:1.4px;color:#8d9991}.footer-top .brand{font-size:24px}.footer-top .brand-mark{width:31px;height:36px}.back-top{font-size:9px;letter-spacing:1px;color:var(--green);font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:17px 0;display:flex;justify-content:space-between;gap:20px;color:#718078;font-size:12px}
@media(max-width:900px){.site-header{padding-inline:25px}.desktop-nav{gap:18px;margin-right:20px}.desktop-nav a{font-size:9px}.header-cta{display:none}.hero{min-height:700px}.hero-image{left:10%;opacity:.8}.hero-shade{background:linear-gradient(90deg,#030705 0%,rgba(3,7,5,.9) 45%,rgba(3,7,5,.2) 100%),linear-gradient(0deg,#050907,transparent 45%)}.container{width:calc(100% - 50px)}.section{padding:85px 0}.service-card{min-height:390px}.service-card-content{left:17px;right:17px}.service-card h3{font-size:29px}.thermal-section{grid-template-columns:1fr 1fr}.thermal-copy{padding:60px 32px}.data-layout{gap:40px}.contact-layout{gap:45px}.benefits-grid>div{padding-inline:16px}}
@media(max-width:650px){.container{width:calc(100% - 38px)}.site-header{height:72px;padding-inline:19px}.brand{font-size:25px}.brand-mark{width:31px;height:37px}.desktop-nav{position:fixed;inset:72px 0 auto;background:rgba(3,7,5,.98);padding:25px 22px 30px;display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--line);margin:0;transform:translateY(-140%);opacity:0;transition:transform .3s,opacity .3s;pointer-events:none}.desktop-nav a{font-size:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.menu-toggle{display:block}.menu-toggle span{transition:transform .2s}.menu-open .desktop-nav{transform:translateY(0);opacity:1;pointer-events:auto}.menu-open .menu-toggle span:first-child{transform:translateY(8px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:last-child{transform:translateY(-8px) rotate(-45deg)}.hero{min-height:690px;align-items:flex-end;padding-bottom:72px}.hero-image{inset:0 0 0 0;background-position:58% center}.hero-shade{background:linear-gradient(0deg,#030705 4%,rgba(3,7,5,.91) 34%,rgba(3,7,5,.35) 100%),linear-gradient(90deg,rgba(3,7,5,.8),transparent)}.hero-content{padding-top:125px}.hero h1{font-size:clamp(48px,12vw,72px)}.hero-lead{font-size:19px;margin-top:22px}.hero-copy{font-size:12px;max-width:370px}.hero-actions{align-items:flex-start;gap:19px;flex-direction:column}.hero-proof{margin-top:35px}.hero-vertical{display:none}.hero-index{right:20px;bottom:20px}.ticker-track{justify-content:flex-start;animation:marquee 24s linear infinite}.section{padding:75px 0}.section-heading{display:block;margin-bottom:30px}.section-intro{margin-top:24px}.section h2,.thermal-copy h2,.contact-copy h2{font-size:clamp(42px,10vw,57px)}.service-grid{grid-template-columns:1fr}.service-card{min-height:420px}.service-card h3{font-size:36px}.thermal-section{grid-template-columns:1fr}.thermal-visual{min-height:340px}.thermal-copy{padding:60px 22px 70px}.data-layout{grid-template-columns:1fr;gap:40px}.data-features{grid-template-columns:1fr 1fr}.data-feature{min-height:145px;padding:20px 16px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{min-height:215px;padding:18px;border-bottom:1px solid var(--line)}.process-grid article:nth-child(2){border-right:0}.process-grid article:nth-child(3),.process-grid article:nth-child(4){border-bottom:0}.process-grid h3{font-size:20px}.benefits-grid{grid-template-columns:1fr 1fr;row-gap:28px}.benefits-grid>div{padding:0 15px;border-right:0}.benefits-grid>div:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}.benefits-grid>div:nth-child(even){padding-right:0}.contact-section{padding:80px 0}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-copy{padding-top:0}.contact-form{padding:22px 18px}.footer-top{padding:25px 0;align-items:flex-start;flex-wrap:wrap}.footer-top p{order:3;width:100%;margin:0}.footer-bottom{flex-direction:column;gap:5px}.back-top{margin-left:auto}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-35%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}
.eyebrow-2 { max-width: 100%!important; }.thermal-photo-2{position:absolute;inset:0;background:url('panele.png') center/cover;filter:saturate(.6)}
.process-section { background: #1d1e1d; }

.thermal-photo-about{position:absolute;inset:0;background:url('onas.jpg') center/cover; }

input[type="checkbox"] {     width: 20px!important;
    float: left!important;
margin: 5px!important; }