/* Phone layout only. This sheet is loaded with a max-width: 700px media query. */
:root { --head: 28px; --r: 18px; }
[id] { scroll-margin-top: 84px; }
.sg-container, .sg-header-inner { width: calc(100% - 40px); padding-inline: 0; }
.sg-section, .sg-section.sg-compact { padding-block: 56px; }
.sg-h2 { font-size: 29px; line-height: 1.15; letter-spacing: -.025em; text-wrap: balance; }
.sg-head, .sg-head-center { text-align: left; }
.sg-lead { font-size: 15px; line-height: 1.65; margin-top: 16px; }
.sg-tag { padding: 0; border: 0; background: none; border-radius: 0; font-size: 10px; letter-spacing: .12em; margin-bottom: 16px; }
.sg-header-inner { min-height: 60px; }
.sg-logo img { width: 132px; }
.sg-scroll-progress, .sg-claim, .sg-band { display: none; }

/* One headline, one product illustration, one primary action. */
.sg-section.sg-hero { padding: 32px 0 40px; }
.sg-hero-inner { text-align: left; align-items: stretch; }
.sg-hero-mark, .sg-hero-bottom { display: none; }
.sg-hero-eyebrow { order: 1; margin: 0; font-size: 10px; letter-spacing: .06em; }
.sg-hero-eyebrow > span { box-shadow: none; }
.sg-hero .sg-h1 { order: 2; margin-top: 16px; font-family: var(--font); font-size: clamp(30px, 8.5vw, 36px); line-height: 1.12; font-weight: 500; letter-spacing: -.025em; }
.sg-hero::before { top: 0; height: 340px; opacity: .55; }
.sg-hero-row { order: 3; margin-top: 20px; padding: 0; }
.sg-hero-row .sg-hero-drone { width: min(310px, 92%); }
.sg-hero-actions { order: 4; width: 100%; margin-top: 24px; gap: 4px; }
.sg-btn { min-height: 50px; font-size: 15px; box-shadow: inset 0 1px 0 #ffffff20; }
.sg-btn::before { display: none; }
.sg-btn-secondary { min-height: 44px; padding: 0 8px; border: 0; background: none; font-size: 14px; color: var(--muted); justify-content: center; }
.sg-textlink { min-height: 44px; margin-top: 8px; font-size: 14px; }

/* Overview stays compact; product artwork appears in the dedicated sections. */
.sg-bento { display: block; }
.sg-tile { display: block; padding: 22px 0; min-height: 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; box-shadow: none; }
.sg-tile::before, .sg-tile::after, .sg-tile-art, .sg-tile-orbit, .sg-tile .sg-kicker { display: none; }
.sg-tile .sg-tile-copy { max-width: none; }
.sg-tile h3 { margin-top: 0; font-size: 22px; line-height: 1.25; }
.sg-tile p:not(.sg-kicker) { font-size: 15px; margin-top: 8px; }
.sg-tile-fusion { margin-top: 4px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: #ffffff03; }
.sg-tile-fusion h3 { font-size: 20px; }
.sg-tile-fusion .sg-btn { min-height: 44px; padding: 0; margin-top: 12px; border: 0; background: none; color: #9cc4ff; box-shadow: none; font-size: 14px; }

/* Native disclosures retain every feature while keeping the first view light. */
.sg-mobile-details { display: block; margin-top: 28px; border-block: 1px solid var(--line); }
.sg-mobile-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; padding-block: 14px; list-style: none; color: var(--text); font-size: 15px; font-weight: 500; cursor: pointer; }
.sg-mobile-details > summary::-webkit-details-marker { display: none; }
.sg-mobile-details > summary > span { flex-shrink: 0; font-size: 24px; font-weight: 400; color: #9cc4ff; }
.sg-mobile-details[open] > summary > span { transform: rotate(45deg); }
.sg-hub-figure { width: 100%; transform: none; }
.sg-hub-ground { opacity: .3; }
.sg-hub-cells { margin-top: 0; border: 0; }
.sg-hub-cell, .sg-hub-cell:nth-child(3) { padding: 20px 0; border: 0; border-top: 1px solid var(--line); }
.sg-hub-shot, .sg-hub-cell-sm .sg-icon-box { display: none; }
.sg-hub-cell h3 { font-size: 16px; }
.sg-hub-cell p { font-size: 14px; }
.sg-hub-actions { margin-top: 20px; justify-content: flex-start; gap: 8px 20px; }
.sg-hub-actions .sg-btn { min-height: 44px; padding: 0; background: none; border: 0; box-shadow: none; color: #9cc4ff; font-size: 14px; }

/* A compact, manually controlled story replaces the sticky scroll scene. */
.sg-story { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.sg-story-stage { position: relative; top: auto; box-shadow: none; border-color: var(--line); background: #0d1018; }
.sg-story-scene { height: 190px; }
.sg-story-scene::before { opacity: .5; }
.sg-story-top { padding: 12px 16px; }
.sg-story-caption { min-height: 74px; font-size: 13px; padding: 14px 16px; }
.sg-story-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 0; }
.sg-story-steps li, .sg-story-steps li:first-child { min-height: 0; border: 0; display: block; }
.sg-story-step { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; min-height: 72px; padding: 10px 1px; border-radius: 8px; scroll-margin-top: 84px; text-align: center; }
.sg-story-number { font-size: 14px; }
.sg-story-step strong { font-size: 11px; line-height: 1.4; font-weight: 500; letter-spacing: -.02em; }
.sg-story-step > span > span, .sg-story-step i { display: none; }
.sg-story-step.is-active { background: #2f7bff12; }
.sg-story-step.is-active strong { translate: none; }

/* Product details: text first, lighter lists and naturally sized artwork. */
.sg-split { gap: 28px; }
.sg-split-copy { order: -1; }
.sg-showcase { min-height: 0; padding: 24px; border: 0; background: none; box-shadow: none; }
.sg-showcase::before, .sg-showcase::after, .sg-showcase-glow, .sg-spec { display: none; }
.sg-showcase img { max-height: 280px; }
.sg-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; margin-top: 24px; }
.sg-checks li { gap: 8px; align-items: flex-start; font-size: 13px; font-weight: 400; }
.sg-checks li::before { width: 16px; height: 20px; border: 0; border-radius: 0; background-color: transparent; background-size: 12px; }
.sg-cine-art { margin: 0 auto; max-width: 310px; }
.sg-cine-art::before { opacity: .35; }
.sg-cine-art .sg-hero-drone { aspect-ratio: 1 / .56; }
.sg-sol-section .sg-container { padding: 0; }
.sg-sol-head { padding: 0 0 28px; border: 0; }
.sg-sol-head img { width: 200px; }
.sg-solutions { padding: 0; gap: 20px; }
.sg-solution { padding: 24px; border: 1px solid var(--line); border-radius: 18px; }
.sg-sol-icon { display: none; }
.sg-sol-art { height: 150px; margin-bottom: 20px; }
.sg-sol-art img, .sg-solution-construction .sg-sol-art img { max-height: 150px; }
.sg-sol-title { font-size: 22px; line-height: 1.2; text-transform: none; }
.sg-sol-sub { margin-top: 8px; font-size: 14px; }
.sg-solution .sg-btn { min-height: 44px; margin-top: 16px; padding: 0; border: 0; background: none; box-shadow: none; color: #9cc4ff; font-size: 14px; }
.sg-solution-construction .sg-btn { color: #ffc27a; }
.sg-section.sg-cmp-section { padding: 0 0 56px; }
.sg-cmp-section .sg-container { padding: 0; }
.sg-cmp-section .sg-mobile-details { margin-top: 0; }
.sg-cmp-note { padding: 0 0 20px; text-align: left; font-size: 14px; }
.sg-table tbody th { font-size: 14px; line-height: 1.5; }
.sg-table tbody td::before { font-size: 11px; letter-spacing: .02em; }
.sg-why li { grid-template-columns: 28px 1fr; column-gap: 14px; padding-block: 20px; }
.sg-why-num { font-size: 16px; align-self: start; padding-top: 3px; }
.sg-why h3 { font-size: 17px; }
.sg-why p { font-size: 14px; }
.sg-quote-cell { padding: 24px; }
.sg-quote { font-size: 15px; line-height: 1.65; }
.sg-quote::before { font-size: 44px; }
.sg-quote-nav .sg-quote-btn { min-height: 48px; }

/* Comfortable input sizes avoid zooming the form on iPhones. */
.sg-form { padding: 0; border: 0; border-radius: 0; background: none; }
.sg-form-grid { gap: 18px; }
.sg-field input, .sg-field select, .sg-field textarea { font-size: 16px; }
.sg-field label { font-size: 11px; }
.sg-form-hint { text-align: left; }
.sg-faq-q { font-size: 15px; line-height: 1.5; padding-block: 18px; }
.sg-footer { padding-top: 40px; }
.sg-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; }
.sg-footer-grid > div:first-child { grid-column: 1 / -1; }
.sg-footer-logo { width: 132px; }
.sg-footer-tagline { margin-top: 16px; font-size: 15px; }
.sg-footer-legal { font-size: 12px; }
.sg-footer-list a { min-height: 44px; font-size: 14px; }
.sg-footer-contact a { min-height: 44px; }
.sg-footer-bottom { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; margin-top: 32px; font-size: 11px; }
.sg-footer-bottom > p:nth-child(2) { display: none; }
.sg-footer-admin { min-height: 44px; padding-inline: 12px; font-size: 11px; }

/* Keep mobile calm even before JavaScript loads or when it is disabled. */
*, *::before, *::after { animation: none !important; }
.sg-enter { opacity: 1; transform: none; }
.sg-hero-uav img { translate: none; rotate: none; }
.sg-showcase > picture { transform: none; }