/* Drone Nation Builder — front-end layout and widgets (logical properties: RTL ready). */
.dnb { display: block; }
.dnb-s { position: relative; isolation: isolate; display: grid; padding-block: 64px; }
.dnb-va--center { align-content: center; }
.dnb-va--end { align-content: end; }
.dnb-s--img { color: #fff; }
.dnb-s__bg { position: absolute; inset: 0; z-index: -2; }
.dnb-s__bg img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.dnb-s__bg--top img { object-position: top; }
.dnb-s__bg--bottom img { object-position: bottom; }
.dnb-s__shade { position: absolute; inset: 0; z-index: -1; background: #050E26; pointer-events: none; }
.dnb-s .nt-ai-badge { z-index: 1; }
.dnb-s__in { --dnb-gap: 24px; display: flex; flex-wrap: wrap; gap: var(--dnb-gap); inline-size: 100%; max-inline-size: var(--nt-container, 1200px); margin-inline: auto; padding-inline: 20px; box-sizing: border-box; }
.dnb-s--full > .dnb-s__in { max-inline-size: none; padding-inline: 0; }
.dnb-gap--none > .dnb-s__in { --dnb-gap: 0px; }
.dnb-gap--narrow > .dnb-s__in { --dnb-gap: 12px; }
.dnb-gap--wide > .dnb-s__in { --dnb-gap: 40px; }
.dnb-va--stretch > .dnb-s__in { align-items: stretch; }
.dnb-va--start > .dnb-s__in { align-items: flex-start; }
.dnb-va--center > .dnb-s__in { align-items: center; }
.dnb-va--end > .dnb-s__in { align-items: flex-end; }
.dnb-c { --dnb-w: 100; flex: 0 0 calc(var(--dnb-w) * 1% - var(--dnb-gap) * (100 - var(--dnb-w)) / 100); min-inline-size: 0; display: flex; }
.dnb-c__in { inline-size: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 16px 12px; box-sizing: border-box; }
.dnb-c__in > * { flex: 1 1 100%; }
.dnb-c__in > .dnb-w--inline { flex: 0 0 auto; }
.dnb-cva--start > .dnb-c__in { align-content: flex-start; }
.dnb-cva--center > .dnb-c__in { align-content: center; }
.dnb-cva--end > .dnb-c__in { align-content: flex-end; }
.dnb-c--shadow > .dnb-c__in { background: var(--dn-surface, #fff); box-shadow: 0 10px 30px rgba(15, 23, 42, .08); border-radius: var(--dn-radius, 16px); }
.dnb-w { min-inline-size: 0; }
.dnb-heading { margin: 0; line-height: 1.2; color: inherit; overflow-wrap: anywhere; }
.dnb-heading a { color: inherit; text-decoration: none; }
.dnb-text { color: inherit; }
.dnb-text > :first-child { margin-block-start: 0; }
.dnb-text > :last-child { margin-block-end: 0; }
.dnb-btn { gap: 8px; }
.dnb-btn--full { inline-size: 100%; }
.dnb-figure { margin: 0; position: relative; }
.dnb-figure img { max-inline-size: 100%; block-size: auto; display: inline-block; vertical-align: middle; }
.dnb-figure figcaption { margin-block-start: 8px; font-size: .9rem; color: var(--dn-muted, #64748B); }
.dnb-ibox { display: grid; gap: 12px; block-size: 100%; box-sizing: border-box; }
.dnb-ibox--side { grid-template-columns: auto 1fr; align-items: start; }
.dnb-ibox--card { padding: 24px; border: 1px solid var(--dn-border, #E2E8F0); border-radius: var(--dn-radius, 16px); background: var(--dn-surface, #fff); }
.dnb-ibox__icon { display: inline-grid; place-items: center; inline-size: 52px; block-size: 52px; border-radius: 14px; background: color-mix(in srgb, var(--dn-primary, #0038B8) 12%, transparent); color: var(--dn-primary, #0038B8); }
.dnb-ibox__title { margin: 0 0 6px; font-size: 1.15rem; }
.dnb-ibox p { margin: 0 0 8px; color: var(--dn-muted, #64748B); }
.dnb-ibox__link { font-weight: 600; }
.dnb-card { block-size: 100%; border: 1px solid var(--dn-border, #E2E8F0); border-radius: var(--dn-radius, 16px); overflow: hidden; background: var(--dn-surface, #fff); }
.dnb-card__media { position: relative; }
.dnb-card__media img { display: block; inline-size: 100%; aspect-ratio: 16 / 10; object-fit: cover; block-size: auto; }
.dnb-card__body { padding: 18px; }
.dnb-card__body h3 { margin: 0 0 6px; font-size: 1.1rem; }
.dnb-card__body p { margin: 0 0 10px; color: var(--dn-muted, #64748B); }
.dnb-counter { display: grid; gap: 4px; }
.dnb-counter__n { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1; color: var(--dn-primary, #0038B8); }
.dnb-counter__l { color: var(--dn-muted, #64748B); font-weight: 600; }
.dnb-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.dnb-list li { display: flex; gap: 10px; align-items: flex-start; }
.dnb-list__i { color: var(--dn-primary, #0038B8); flex: none; margin-block-start: 2px; }
.dnb-acc__item { border: 1px solid var(--dn-border, #E2E8F0); border-radius: 12px; background: var(--dn-surface, #fff); margin-block-end: 10px; }
.dnb-acc__item summary { padding: 14px 16px; font-weight: 600; cursor: pointer; }
.dnb-acc__a { padding: 0 16px 14px; color: var(--dn-muted, #64748B); }
.dnb-gal { display: grid; grid-template-columns: repeat(var(--dnb-cols, 3), minmax(0, 1fr)); gap: 12px; }
.dnb-gal figure { margin: 0; position: relative; }
.dnb-gal img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: var(--dnb-ratio, 4 / 3); object-fit: cover; border-radius: 12px; }
.dnb-divider { border: 0; border-block-start: 2px solid var(--dn-border, #E2E8F0); margin-inline: auto; inline-size: 100%; }
.dnb-divider--dashed { border-block-start-style: dashed; }
.dnb-divider--dotted { border-block-start-style: dotted; }
.dnb-divider--flag { border: 0; block-size: 18px; background: linear-gradient(var(--dn-primary, #0038B8) 0 4px, transparent 4px 14px, var(--dn-primary, #0038B8) 14px 18px); }
.dnb-notice { display: flex; gap: 12px; padding: 14px 16px; border-radius: 12px; border: 1px solid #BFD3FF; background: #EEF4FF; color: #0B1B3A; }
.dnb-notice p { margin: 4px 0 0; }
.dnb-notice--success { border-color: #A7F3D0; background: #ECFDF5; }
.dnb-notice--warning { border-color: #FCD9A0; background: #FFF7E6; }
.dnb-notice .dn-icon, .dnb-notice svg { flex: none; }
.dnb-placeholder { padding: 24px; border: 2px dashed #94A3B8; border-radius: 12px; text-align: center; color: #64748B; }
.dnb-placeholder--img { display: grid; place-items: center; min-block-size: 160px; }
.dnb-js .dnb-anim { opacity: 0; transition: opacity .7s ease, transform .7s ease; }
.dnb-js .dnb-anim--fade-up { transform: translateY(26px); }
.dnb-js .dnb-anim--zoom { transform: scale(.94); }
.dnb-js .dnb-anim.is-in { opacity: 1; transform: none; }
@media (min-width: 1025px) { .dnb-hide-desktop { display: none !important; } }
@media (min-width: 768px) and (max-width: 1024px) { .dnb-hide-tablet { display: none !important; } }
@media (max-width: 767px) {
	.dnb-hide-mobile { display: none !important; }
	.dnb-s { padding-block: 44px; }
	.dnb-stack--stack > .dnb-s__in > .dnb-c, .dnb-stack--reverse > .dnb-s__in > .dnb-c { --dnb-w: 100; }
	.dnb-stack--reverse > .dnb-s__in { flex-direction: column-reverse; }
	.dnb-gal { --dnb-cols: 2; }
}
@media (prefers-reduced-motion: reduce) { .dnb-js .dnb-anim { opacity: 1; transform: none; transition: none; } }