@charset "UTF-8";
body{background:#fff}
.drone-header{height:88px;padding-left:var(--pad);display:flex;align-items:stretch;position:relative;z-index:20;background:#fff;box-shadow:0 4px 20px rgba(3,31,64,0.06)}
.drone-brand{display:flex;flex-direction:column;justify-content:center;margin-right:auto;line-height:1.25}
.drone-brand span{color:var(--blue);font:800 12px Arial,sans-serif;letter-spacing:0.18em}
.drone-brand strong{font-size:19px;letter-spacing:0.07em}
.drone-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);padding:0 35px}
.drone-nav a{font-size:14px;font-weight:700}
.drone-nav a:hover{color:var(--blue)}
.drone-header-contact{padding:0 30px;display:flex;align-items:center;color:#fff;background:var(--blue);font:800 13px Arial,sans-serif;letter-spacing:0.08em}
.drone-hero{height:min(720px,calc(100svh - 88px));min-height:590px;position:relative;overflow:hidden;color:#fff;background:var(--deep)}
.drone-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,31,68,0.97) 0%,rgba(2,55,108,0.87) 48%,rgba(2,44,90,0.35) 75%,rgba(0,0,0,0.08))}
.drone-hero__visual{position:absolute;inset:0 0 0 42%;background:linear-gradient(135deg,#0a68bd,#031f40)}
.drone-hero__visual::before, .drone-hero__visual::after{content:"";position:absolute;border:1px solid rgba(255,255,255,0.12);border-radius:50%}
.drone-hero__visual::before{width:640px;height:640px;right:-160px;top:-210px}
.drone-hero__visual::after{width:360px;height:360px;left:5%;bottom:-190px}
.drone-hero__visual img{width:min(720px,90%);height:78%;position:absolute;right:2%;top:11%;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,0.35));transform:rotate(-3deg)}
.drone-hero__copy{position:absolute;left:var(--pad);top:48%;z-index:2;width:min(920px,calc(100% - var(--pad) * 2));transform:translateY(-50%)}
.drone-hero__en{margin:0 0 12px;color:#82c5ff;font:900 clamp(27px,4.2vw,64px) / 0.95 Arial,sans-serif;letter-spacing:-0.035em}
.drone-hero h1{margin:0;font-size:clamp(43px,5.8vw,86px);line-height:1.17;letter-spacing:0.04em}
.drone-hero__lead{margin:28px 0 0;font-size:clamp(15px,1.35vw,19px);font-weight:700;letter-spacing:0.05em}
.drone-hero__actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:10px}
.drone-button{min-height:52px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:14px;font-weight:800;transition:transform 0.25s ease,background 0.25s ease,color 0.25s ease}
.drone-button:hover{transform:translateY(-3px)}
.drone-button--primary{color:#fff;background:var(--red)}
.drone-button--outline{color:#fff;border:1px solid rgba(255,255,255,0.5)}
.drone-scroll{position:absolute;left:var(--pad);bottom:28px;z-index:2;display:flex;align-items:center;gap:15px;font:700 10px Arial,sans-serif;letter-spacing:0.18em}
.drone-scroll i{position:relative;width:80px;height:1px;background:rgba(255,255,255,0.25);overflow:hidden}
.drone-scroll i::after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:#fff;animation:drone-scroll-line 2s infinite}
@keyframes drone-scroll-line {to{left:100%}
}
.drone-section{padding:clamp(80px,10vw,150px) var(--pad)}
.drone-section-heading{margin-bottom:clamp(55px,7vw,90px);position:relative}
.drone-section-heading__large{margin:0;color:#dce9f5;font:900 clamp(58px,9vw,140px) / 0.76 Arial,sans-serif;letter-spacing:-0.06em}
.drone-section-heading > div{position:absolute;right:0;bottom:0;text-align:right}
.drone-section-heading span, .drone-group-heading span{color:var(--red);font:800 14px Arial,sans-serif;letter-spacing:0.18em}
.drone-section-heading h2{margin:10px 0 0;font-size:clamp(30px,4.4vw,61px);line-height:1.28}
.drone-introduction__grid{display:grid;grid-template-columns:0.85fr 1fr;gap:clamp(45px,8vw,130px)}
.drone-introduction__lead{margin:0;color:var(--deep);font-size:clamp(25px,3vw,43px);font-weight:800;line-height:1.55}
.drone-introduction__text{color:#637180;font-size:17px}
.drone-introduction__text p{margin:0 0 20px}
.drone-contact-line{margin-top:35px !important;padding:22px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 25px;color:var(--ink);border-top:1px solid #c8d3dd;border-bottom:1px solid #c8d3dd}
.drone-contact-line strong{color:var(--blue);font-size:20px}
.drone-support{background:var(--gray)}
.drone-group-heading{margin-bottom:38px;padding-bottom:18px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #c8d3dd}
.drone-group-heading h2{margin:6px 0 0;font-size:clamp(30px,3.8vw,52px);line-height:1.2}
.drone-group-heading > p{margin:0;color:#7790a6;font:800 13px Arial,sans-serif;letter-spacing:0.12em}
.drone-support__layout{display:grid;grid-template-columns:0.75fr 1.25fr;gap:clamp(35px,6vw,90px);align-items:center}
.drone-support__copy h3{margin:0 0 25px;font-size:clamp(27px,3vw,43px);line-height:1.45}
.drone-support__copy > p{color:#637180;font-size:16px}
.drone-support__copy ul, .drone-feature-list{margin:30px 0 0;padding:0;list-style:none}
.drone-support__copy li, .drone-feature-list li{padding:12px 0 12px 25px;position:relative;border-bottom:1px solid #d4dde5;font-weight:700}
.drone-support__copy li::before, .drone-feature-list li::before{content:"";width:7px;height:7px;position:absolute;left:2px;top:22px;border-radius:50%;background:var(--red)}
.drone-support__gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:260px 260px;gap:10px}
.drone-support__photo{margin:0;overflow:hidden;background:#dce9f5}
.drone-support__photo--large{grid-row:1 / 3}
.drone-support__photo--wide{grid-column:2}
.drone-support__photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.5s ease}/*
.drone-support__photo:hover img {
transform: scale(1.045);
}
*/ .drone-models{background:#fff}
.drone-model-list{display:grid;gap:2px;background:#d3dee7}
.drone-model{min-width:0;display:grid;grid-template-columns:70px minmax(300px,0.75fr) 1fr;background:#fff;transition:transform 0.35s ease,box-shadow 0.35s ease}/*
.drone-model:hover {
position: relative;
z-index: 2;
transform: translateY(-4px);
box-shadow: 0 20px 50px rgba(0, 50, 100, 0.13);
}
*/ .drone-model__number{padding-top:35px;color:#7790a6;font:800 14px Arial,sans-serif;text-align:center}
.drone-model__image{min-height:410px;padding:28px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6fd,#dce9f5);overflow:hidden}
.drone-model__image img{width:100%;height:100%;max-height:360px;display:block;object-fit:contain;transition:transform 0.5s ease}/*
.drone-model:hover .drone-model__image img {
transform: scale(1.04);
}
*/ .drone-model__image--placeholder{color:rgba(7,85,164,0.27);font:900 clamp(32px,4vw,62px) / 0.9 Arial,sans-serif;text-align:center}
.drone-model__image--multiple{grid-template-columns:1.25fr 0.75fr;gap:12px}
.drone-model__body{padding:clamp(35px,5vw,72px)}
.drone-model__label{margin:0 0 8px;color:var(--red);font:800 12px Arial,sans-serif;letter-spacing:0.16em}
.drone-model h3, .drone-boat__body h3{margin:0 0 22px;font-size:clamp(30px,3.8vw,54px);line-height:1.2}
.drone-model__catch{margin:0 0 15px;color:var(--blue);font-size:clamp(20px,2.1vw,29px);font-weight:800}
.drone-model__body > p:not(.drone-model__label):not(.drone-model__catch):not(.drone-model__price), .drone-boat__body > p{color:#637180;font-size:16px}
.drone-model__price{margin:25px 0 0;padding:18px 20px;color:var(--ink);background:#eef6fd;font-weight:700}
.drone-model__price strong{color:var(--red);font-size:clamp(21px,2.4vw,32px)}
.drone-text-link{margin-top:24px;display:inline-flex;align-items:center;gap:18px;color:var(--blue);font-weight:800}
.drone-boat{background:var(--gray)}
.drone-boat__layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(35px,7vw,100px);align-items:center}
.drone-boat__gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.drone-boat__gallery img{width:100%;height:240px;display:block;object-fit:cover;background:#dce9f5}
.drone-boat__body .drone-button{margin-top:25px}
.drone-service{color:#fff;background:var(--navy)}
.drone-section-heading--light .drone-section-heading__large{color:rgba(255,255,255,0.08)}
.drone-section-heading--light span{color:#82c5ff}
.drone-service__lead{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:rgba(255,255,255,0.16)}
.drone-service__lead > div{padding:clamp(30px,5vw,65px);background:#063465}
.drone-service__lead h3{margin:0 0 18px;font-size:clamp(25px,3vw,42px)}
.drone-service__lead p{margin:0;color:rgba(255,255,255,0.72)}
.drone-service__gallery{margin-top:2px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px}
.drone-service__gallery img{width:100%;height:220px;display:block;object-fit:cover;background:#063465}
.drone-archive-links{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.drone-archive-links a{padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;border:1px solid rgba(255,255,255,0.18);font-weight:800;transition:background 0.25s ease}
.drone-archive-links a:hover{background:rgba(255,255,255,0.08)}
.drone-archive-links span{color:#82c5ff;font:800 12px Arial,sans-serif}
.drone-cta{padding:clamp(45px,7vw,95px) var(--pad);display:flex;align-items:center;justify-content:space-between;gap:40px;color:#fff;background:linear-gradient(120deg,var(--deep),var(--blue))}
.drone-cta p{margin:0;color:#82c5ff;font:800 12px Arial,sans-serif;letter-spacing:0.2em}
.drone-cta h2{margin:12px 0 0;font-size:clamp(27px,3.8vw,52px);line-height:1.35}
.drone-cta > a{flex:0 0 auto;display:inline-flex;align-items:center;gap:20px;font:800 clamp(19px,2vw,28px) Arial,sans-serif}
.drone-cta b{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--red)}
@media (max-width: 1100px) {
	.drone-nav{display:none}
	.drone-model{grid-template-columns:55px minmax(260px,0.85fr) 1fr}
}

@media (max-width: 840px) {
	.drone-header{height:72px;padding-left:20px}
	.drone-brand strong{font-size:15px}
	.drone-header-contact{padding:0 18px;font-size:11px}
	.drone-hero{height:calc(100svh - 72px)}
	.drone-hero__visual{inset:0;opacity:0.42}
	.drone-hero__visual img{right:-20%;width:100%}
	.drone-introduction__grid, .drone-support__layout, .drone-boat__layout{grid-template-columns:1fr}
	.drone-model{grid-template-columns:48px 1fr}
	.drone-model__image{grid-column:2;min-height:320px}
	.drone-model__body{grid-column:2}
	.drone-archive-links{grid-template-columns:1fr}
	.drone-cta{align-items:flex-start;flex-direction:column}
}

@media (max-width: 640px) {
	.drone-hero h1{font-size:clamp(30px,3vw,72px);}
	.drone-header-contact{display:none}
	.drone-hero{min-height:560px}
	.drone-hero__en{font-size:29px}
	
	.drone-hero__lead br{display:none}
	.drone-section-heading{padding-top:30px}
	.drone-section-heading > div{position:relative;margin-top:25px;text-align:left}
	.drone-section-heading h2{font-size:29px}
	.drone-group-heading{align-items:flex-start}
	.drone-group-heading > p{padding-top:10px}
	.drone-support__gallery{grid-template-rows:220px 180px}
	.drone-model{grid-template-columns:38px 1fr}
	.drone-model__number{padding-top:20px}
	.drone-model__image{min-height:250px;padding:16px}
	.drone-model__image--multiple{grid-template-columns:1fr}
	.drone-model__image--multiple img:last-child{display:none}
	.drone-model__body{padding:25px 20px 40px}
	.drone-model h3,.drone-boat__body h3{font-size:29px}
	.drone-boat__gallery img{height:170px}
	.drone-service__lead{grid-template-columns:1fr}
	.drone-service__gallery{grid-template-columns:repeat(2,1fr)}
	.drone-service__gallery img{height:175px}
}

@media (prefers-reduced-motion: reduce) {
	html{scroll-behavior:auto}
	.drone-scroll i::after{animation:none}
	.drone-button,.drone-model,.drone-model__image img,.drone-support__photo img{transition:none}
}