:root {
  color-scheme: dark;
  --navy-950: #030a13;
  --navy-900: #06111f;
  --navy-800: #0a1b2e;
  --panel: rgba(9, 27, 46, .78);
  --panel-strong: rgba(12, 35, 58, .94);
  --line: rgba(115, 202, 255, .19);
  --cyan: #54c8ff;
  --cyan-bright: #91dcff;
  --yellow: #ffd65a;
  --text: #f5f9fc;
  --muted: #a7bbca;
  --max: 1420px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  min-width: 320px;
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 83% 10%, rgba(28, 142, 217, .15), transparent 28rem),
    radial-gradient(circle at 12% 42%, rgba(13, 90, 148, .12), transparent 32rem),
    linear-gradient(145deg, var(--navy-950), var(--navy-900) 46%, #071524);
  line-height: 1.6;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  opacity: .32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(104, 188, 241, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(104, 188, 241, .035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}

a { color: inherit; }
img { max-width: 100%; }
.container { width: min(var(--max), calc(100% - clamp(52px, 8vw, 144px))); margin-inline: auto; }
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 9px 14px; color: #04111f; background: var(--cyan-bright); border-radius: 8px; transform: translateY(-160%); }
.skip-link:focus { transform: none; }

/* A publikus főoldal teljes képernyős, prezentációs szakaszai. */
.snap-root { scroll-behavior: smooth; scroll-snap-type: y mandatory; scroll-padding-top: 68px; overscroll-behavior-y: contain; }
.snap-root.is-animated-scroll { scroll-behavior: auto; scroll-snap-type: none; }
.snap-page { min-height: 100svh; overflow-x: clip; }
.snap-page main { display: block; }
.page-slide { min-height: calc(100svh - 68px); display: flex; flex-direction: column; justify-content: center; scroll-snap-align: start; scroll-snap-stop: always; }
.js .page-slide > * { opacity: .52; transform: translateY(17px); transition: opacity .48s ease .1s, transform .58s cubic-bezier(.22,.72,.24,1) .1s; }
.js .page-slide.is-active > * { opacity: 1; transform: translateY(0); }
.intro-slide { padding-block: clamp(10px, 1.8vh, 18px); background: radial-gradient(circle at 78% 45%, rgba(24,137,207,.07), transparent 30rem); }
.intro-slide .hero { flex: 1 1 auto; width: min(var(--max), calc(100% - clamp(52px, 8vw, 144px))); padding-block: clamp(12px, 2vh, 24px); }
.intro-slide .proof-strip { flex: 0 0 auto; width: min(var(--max), calc(100% - clamp(52px, 8vw, 144px))); margin-top: 0; margin-bottom: clamp(3px, 1vh, 10px); }
.workflow-slide { padding-block: clamp(20px, 3.2vh, 34px); }
.workflow-slide .section { width: min(var(--max), calc(100% - clamp(52px, 8vw, 144px))); padding-block: clamp(12px, 2.2vh, 25px); }
.audience-section .section { width: min(var(--max), calc(100% - clamp(52px, 8vw, 144px))); padding-block: clamp(28px, 5vh, 58px); }
.closing-slide { justify-content: space-between; padding-top: 68px; }
.closing-slide .cta { width: min(var(--max), calc(100% - clamp(52px, 8vw, 144px))); margin-block: auto; }
.closing-slide .site-footer { width: 100%; flex: 0 0 auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(108, 196, 252, .14);
  background: rgba(3, 10, 19, .88);
  backdrop-filter: blur(18px);
}
.nav { min-height: 68px; display: flex; align-items: center; gap: 22px; }
.brand { display: inline-flex; align-items: center; flex: 0 0 auto; text-decoration: none; }
.brand img { display: block; width: 156px; height: auto; }
.nav-links { display: flex; align-items: center; justify-content: flex-end; gap: clamp(12px, 1.7vw, 25px); margin-left: auto; }
.nav-links a { color: #c6d6e2; font-size: .86rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.nav-links a:hover, .nav-links a:focus-visible { color: var(--cyan-bright); }
.nav-login { padding: 9px 16px; color: var(--cyan-bright) !important; border: 1px solid rgba(84, 200, 255, .42); border-radius: 10px; background: rgba(41, 157, 224, .08); }

.hero { min-height: 0; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr); align-items: center; gap: clamp(34px, 5vw, 68px); padding-block: clamp(26px, 4vh, 48px); }
.eyebrow { margin: 0 0 11px; color: var(--yellow); font-size: .7rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1 { max-width: 760px; margin: 0; font-size: clamp(2.35rem, 4.25vw, 4.15rem); line-height: 1.01; letter-spacing: -.052em; }
h1 span { color: var(--cyan-bright); }
.hero-copy > p:not(.eyebrow) { max-width: 640px; margin: 17px 0 0; color: var(--muted); font-size: clamp(.92rem, 1.25vw, 1.04rem); }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.button { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 19px; border: 1px solid rgba(84, 200, 255, .38); border-radius: 10px; color: var(--cyan-bright); background: rgba(24, 127, 191, .1); font-size: .9rem; font-weight: 800; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.button.primary { color: #03111d; border-color: var(--cyan); background: linear-gradient(135deg, var(--cyan-bright), #3fb9ef); box-shadow: 0 13px 38px rgba(18, 151, 221, .22); }
.button:hover { transform: translateY(-2px); border-color: var(--cyan-bright); }
.button:focus-visible, a:focus-visible { outline: 3px solid rgba(255, 214, 90, .8); outline-offset: 3px; }

.mission-visual { position: relative; min-height: 365px; display: grid; place-items: center; isolation: isolate; }
.radar { position: relative; width: min(360px, 88vw); aspect-ratio: 1; overflow: hidden; border: 1px solid rgba(86, 203, 255, .25); border-radius: 50%; background: radial-gradient(circle, rgba(61, 185, 246, .13), rgba(7, 22, 38, .28) 48%, rgba(4, 13, 24, .8) 70%); box-shadow: 0 0 72px rgba(39, 164, 228, .14), inset 0 0 55px rgba(51, 173, 233, .08); }
.radar::before, .radar::after { position: absolute; inset: 16%; content: ""; border: 1px solid rgba(112, 211, 255, .17); border-radius: 50%; }
.radar::after { inset: 33%; }
.crosshair { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, transparent 49.8%, rgba(94, 205, 255, .13) 50%, transparent 50.2%), linear-gradient(transparent 49.8%, rgba(94, 205, 255, .13) 50%, transparent 50.2%); border-radius: 50%; }
.weather-cell { position: absolute; inset: 0; z-index: 2; opacity: .84; border-radius: 50%; background: url('/assets/weather-radar-overlay-v2.webp') center/cover no-repeat; filter: saturate(1.15) contrast(1.06) drop-shadow(0 0 8px rgba(32,183,232,.26)); pointer-events: none; }
.sweep { position: absolute; inset: 4%; z-index: 3; border-radius: 50%; background: conic-gradient(from 20deg, transparent 0 78%, rgba(83, 203, 255, .17) 94%, rgba(117, 217, 255, .48)); mask-image: radial-gradient(circle, transparent 0 4%, #000 5%); animation: sweep 8s linear infinite; }
.aircraft-mark { position: absolute; left: 73%; top: 24%; z-index: 6; width: 24px; height: 24px; display: grid; place-items: center; color: #ff263f; transform: translate(-50%,-50%) rotate(24deg); filter: drop-shadow(0 0 3px #ff263f) drop-shadow(0 0 8px rgba(255,38,63,.68)); }
.aircraft-mark::after { position: absolute; inset: -5px; z-index: -1; content: ""; border: 1px solid rgba(255,38,63,.55); border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,38,63,.07); }
.aircraft-mark svg { display: block; width: 20px; height: 20px; }
.drone-mark { position: absolute; left: 50%; top: 50%; z-index: 7; width: 64px; height: 64px; display: grid; place-items: center; color: #061321; background: var(--yellow); border: 7px solid rgba(255, 214, 90, .14); background-clip: padding-box; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 30px rgba(255, 214, 90, .24); }
.drone-mark svg { width: 31px; }
.signal-card { position: absolute; right: 1%; bottom: 22px; z-index: 8; width: 205px; padding: 13px 15px; border: 1px solid var(--line); border-left: 3px solid var(--cyan); border-radius: 10px; background: var(--panel-strong); box-shadow: 0 18px 48px rgba(0, 0, 0, .3); }
.signal-card small { display: block; color: var(--cyan-bright); font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.signal-card strong { display: block; margin-top: 4px; font-size: .88rem; line-height: 1.4; }
@keyframes sweep { to { transform: rotate(360deg); } }

.proof-strip { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 18px; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; background: rgba(7, 22, 38, .68); }
.proof-strip div { min-height: 66px; display: flex; align-items: center; gap: 12px; padding: 12px 19px; }
.proof-strip div + div { border-left: 1px solid var(--line); }
.proof-strip b { display: grid; width: 31px; height: 31px; place-items: center; flex: 0 0 auto; color: var(--navy-950); background: var(--cyan); border-radius: 50%; font-size: .82rem; }
.proof-strip strong { display: block; font-size: .92rem; }
.proof-strip span { display: block; color: var(--muted); font-size: .78rem; }

.section { padding-block: clamp(48px, 5.5vw, 72px); scroll-margin-top: 80px; }
.section-heading { max-width: 690px; margin-bottom: 26px; }
.section-heading h2 { margin: 0; font-size: clamp(1.75rem, 3vw, 2.65rem); line-height: 1.08; letter-spacing: -.032em; }
.section-heading p { margin: 11px 0 0; color: var(--muted); font-size: .94rem; }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.feature-card, .audience-card, .placeholder-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(13, 38, 62, .9), rgba(6, 19, 33, .72)); box-shadow: 0 20px 50px rgba(0, 0, 0, .16); }
.feature-card { min-height: 238px; padding: 23px; }
.feature-card::before, .audience-card::before { position: absolute; inset: 0 0 auto; height: 3px; content: ""; background: linear-gradient(90deg, var(--cyan), transparent 75%); }
.feature-card .step { color: var(--cyan); font-size: .72rem; font-weight: 850; letter-spacing: .15em; }
.feature-card h3 { margin: 17px 0 10px; font-size: 1.25rem; }
.feature-card ul { margin: 0; padding: 0; list-style: none; color: var(--muted); }
.feature-card li { position: relative; padding: 5px 0 5px 18px; font-size: .9rem; }
.feature-card li::before { position: absolute; left: 0; top: 15px; width: 6px; height: 6px; content: ""; border: 1px solid var(--cyan); border-radius: 50%; }
.feature-card:nth-child(2)::before { background: linear-gradient(90deg, var(--yellow), transparent 75%); }
.feature-card:nth-child(2) .step { color: var(--yellow); }

.audience-section { border-block: 1px solid rgba(100, 191, 246, .1); background: rgba(2, 10, 18, .3); }
.audience-card { min-height: 168px; padding: 23px; }
.audience-card h3 { margin: 14px 0 7px; font-size: 1.12rem; }
.audience-card p { margin: 0; color: var(--muted); font-size: .88rem; }
.audience-icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--cyan-bright); border: 1px solid rgba(84, 200, 255, .3); border-radius: 10px; background: rgba(84, 200, 255, .06); }
.audience-icon svg { width: 21px; }

.cta { margin-block: 50px; padding: clamp(25px, 3.5vw, 38px); display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid rgba(84, 200, 255, .26); border-radius: 17px; background: linear-gradient(130deg, rgba(20, 72, 110, .58), rgba(7, 23, 38, .76)); box-shadow: 0 24px 70px rgba(0, 0, 0, .22); }
.cta h2 { margin: 0; font-size: clamp(1.45rem, 2.3vw, 2.05rem); line-height: 1.15; }
.cta p { margin: 9px 0 0; color: var(--muted); }

.site-footer { padding-block: 30px; border-top: 1px solid var(--line); color: #8fa6b7; font-size: .82rem; }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 20px; }
.footer-links a { text-decoration: none; }

.subpage main { min-height: calc(100vh - 132px); }
.subhero { padding-block: clamp(30px, 4.5vw, 52px) clamp(20px, 2.7vw, 30px); }
.subhero h1 { max-width: 820px; font-size: clamp(2rem, 3.25vw, 3rem); line-height: 1.03; }
.subhero > p:not(.eyebrow) { max-width: 720px; margin: 14px 0 0; color: var(--muted); font-size: clamp(.9rem, 1.15vw, .98rem); }
.placeholder-card { max-width: 780px; margin-bottom: clamp(38px, 6vh, 62px); padding: clamp(22px, 3vw, 31px); }
.placeholder-card h2 { margin: 0 0 8px; font-size: clamp(1.2rem, 2vw, 1.42rem); }
.placeholder-card p { margin: 0; color: var(--muted); font-size: .92rem; }
.placeholder-card .actions { margin-top: 18px; }
.route-note { display: inline-flex; margin-top: 9px; padding: 6px 10px; color: var(--cyan-bright); border: 1px solid rgba(84, 200, 255, .23); border-radius: 7px; background: rgba(84, 200, 255, .06); font: 700 .78rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.plans-snap-root{scroll-snap-type:y mandatory;scroll-padding-top:68px}.plans-page .plans-main{min-height:0;padding-bottom:0}.plans-screen{min-height:calc(100svh - 68px);display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always}.plans-pilot-screen{padding-bottom:18px}.plans-hero{flex:0 0 auto;padding:20px 0 14px}.plans-hero .eyebrow{margin-bottom:5px;font-size:.64rem}.plans-hero h1{font-size:clamp(1.85rem,2.65vw,2.5rem);line-height:1.02}.plans-hero>p:not(.eyebrow){max-width:1050px;margin-top:8px;font-size:.82rem;line-height:1.45}.plan-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:13px;margin-bottom:0}.plans-pilot-screen>.plan-catalog{flex:1;min-height:0}.public-plan-card{display:flex;flex-direction:column;min-height:0;padding:15px 18px;border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:14px;background:linear-gradient(145deg,rgba(13,38,62,.94),rgba(6,19,33,.8));box-shadow:0 16px 38px #0003}.public-plan-card.is-coming{opacity:.7;border-top-color:#64748b}.plan-target{color:var(--yellow);font-size:.6rem;font-weight:900;letter-spacing:.12em}.public-plan-card h2{margin:4px 0 0;font-size:1.08rem;line-height:1.2}.plan-description{min-height:29px;margin:8px 0 4px;color:var(--muted);font-size:.75rem;line-height:1.35}.plan-price{display:block;margin:5px 0 7px;color:var(--cyan-bright);font-size:1.02rem;line-height:1.25}.plan-features{flex:1;margin:0 0 9px;padding:0;list-style:none;color:#c7d7e4;font-size:.72rem;line-height:1.25}.plan-features li{padding:3px 0;border-bottom:1px solid rgba(115,202,255,.1)}.plan-features li::before{margin-right:7px;color:#66d6ff;content:'✓'}.public-plan-card>.button{min-height:36px;align-self:flex-start;padding:6px 13px;font-size:.76rem}.public-plan-card>.button[aria-disabled=true]{color:#8ca0b2;border-color:#384b5d;background:#162434;cursor:not-allowed}.plans-secondary-screen{justify-content:center;padding-block:clamp(24px,4vh,42px)}.plans-secondary-heading{margin-bottom:18px}.plans-secondary-heading .eyebrow{margin-bottom:5px}.plans-secondary-heading h2{margin:0;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.08;letter-spacing:-.032em}.plans-secondary-heading h2 span{color:var(--cyan-bright)}.plans-secondary-heading>p:not(.eyebrow){margin:7px 0 0;color:var(--muted);font-size:.82rem}.organization-plan-catalog{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.organization-plan-catalog .public-plan-card{min-height:210px}.plan-status,.plan-loading,.plan-error{padding:8px 12px;border:1px solid rgba(255,214,90,.3);border-radius:10px;background:rgba(78,61,12,.22);color:#ffe590;font-size:.76rem;font-weight:750}.plan-loading,.plan-error{grid-column:1/-1}.plan-error{border-color:#9f3b46;background:#35151d;color:#fecdd3}.plan-status{margin-top:10px}.plans-account-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 0;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.plans-account-cta h2,.plans-account-cta p{margin:0}.plans-account-cta h2{font-size:1rem}.plans-account-cta p{color:var(--muted);font-size:.75rem}.plans-account-cta .actions{margin:0}.plans-account-cta .button{min-height:36px;padding:6px 13px;font-size:.76rem}.plans-page .site-footer{padding-block:17px}

/* A csomagkártyák tömörek, de a tartalmuk kényelmesen olvasható marad. */
.plans-hero .eyebrow{font-size:.68rem}.plans-hero h1{font-size:clamp(1.9rem,2.75vw,2.6rem)}.plans-hero>p:not(.eyebrow){font-size:.88rem}.public-plan-card{padding:17px 19px}.plan-target{font-size:.66rem}.public-plan-card h2{margin-top:5px;font-size:1.2rem}.plan-description{min-height:32px;margin:9px 0 5px;font-size:.82rem}.plan-price{margin:6px 0 8px;font-size:1.13rem}.plan-features{margin-bottom:10px;font-size:.79rem;line-height:1.22}.public-plan-card>.button{min-height:38px;padding:7px 14px;font-size:.82rem}
@media (min-width: 901px) {
  .plans-pilot-screen > .plan-catalog { flex: 1 1 auto; min-height: 0; grid-template-rows: minmax(0, 1fr); }
  .plans-pilot-screen .public-plan-card { height: auto; min-height: 0; }
  .plans-pilot-screen .public-plan-card > .button { flex: 0 0 auto; margin-top: auto; }
}

@media (max-width: 900px) {
  .plans-snap-root { scroll-snap-type: none; }
  .plans-screen { min-height: auto; scroll-snap-align: none; }
  .plans-pilot-screen, .plans-secondary-screen { padding-block: 18px; }
  .plans-hero { padding-top: 0; }
  .plans-secondary-heading { margin-bottom: 12px; }
  .organization-plan-catalog { grid-template-columns: 1fr; }
  .nav { min-height: 68px; }
  .brand img { width: 145px; }
  .nav-links a:not(.nav-login) { display: none; }
  .snap-root { scroll-padding-top: 68px; }
  .page-slide { min-height: calc(100svh - 68px); }
  .hero { min-height: auto; grid-template-columns: 1fr; gap: clamp(12px, 2vh, 22px); padding-block: clamp(18px, 3vh, 32px); }
  .hero-copy { text-align: center; }
  .hero-copy h1, .hero-copy > p { margin-inline: auto; }
  .hero-copy .actions { justify-content: center; }
  .mission-visual { min-height: min(34vh, 300px); }
  .radar { width: min(285px, 56vw, 32vh); }
  .workflow-slide { padding-block: 14px; }
  .intro-slide .proof-strip { margin-bottom: 8px; }
  .workflow-slide .section, .audience-section .section { padding-block: 16px; }
  .section-heading { margin-bottom: 15px; }
  .section-heading h2 { font-size: clamp(1.5rem, 4vw, 2rem); }
  .card-grid { gap: 9px; }
  .card-grid { grid-template-columns: 1fr; }
  .plan-catalog { grid-template-columns: 1fr; }
  .feature-card, .audience-card { min-height: 0; padding: 14px 17px; }
  .feature-card h3 { margin: 8px 0 5px; font-size: 1.05rem; }
  .feature-card li { display: inline-block; padding: 3px 15px 3px 12px; font-size: .79rem; }
  .feature-card li::before { top: 10px; width: 4px; height: 4px; }
  .audience-card { display: grid; grid-template-columns: 34px 1fr; column-gap: 11px; align-items: center; }
  .audience-card h3 { margin: 0; }
  .audience-card p { grid-column: 2; }
  .proof-strip { grid-template-columns: 1fr; }
  .proof-strip div + div { border-top: 1px solid var(--line); border-left: 0; }
  .snap-page .intro-slide .proof-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .snap-page .intro-slide .proof-strip div { min-height: 48px; gap: 7px; padding: 8px 10px; }
  .snap-page .intro-slide .proof-strip div + div { border-top: 0; border-left: 1px solid var(--line); }
  .snap-page .intro-slide .proof-strip b { width: 25px; height: 25px; font-size: .68rem; }
  .snap-page .intro-slide .proof-strip strong { font-size: .76rem; }
  .snap-page .intro-slide .proof-strip span { display: none; }
}

@media (max-width: 620px) {
  .container { width: min(100% - 26px, var(--max)); }
  .brand img { width: 132px; }
  .nav-login { padding: 8px 12px; font-size: .8rem !important; }
  .snap-root { scroll-padding-top: 68px; }
  .hero { gap: 10px; padding-block: 18px; }
  .hero h1 { font-size: clamp(2rem, 10.5vw, 3rem); }
  .hero-copy > p:not(.eyebrow) { margin-top: 11px; font-size: .86rem; }
  .hero-copy .actions { margin-top: 15px; }
  .mission-visual { min-height: min(31vh, 255px); }
  .radar { width: min(245px, 67vw, 29vh); }
  .signal-card { right: 5px; bottom: 10px; width: 195px; }
  .cta { align-items: flex-start; flex-direction: column; }
  .plans-account-cta { align-items: flex-start; flex-direction: column; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sweep { animation: none; transform: rotate(30deg); }
  .button { transition: none; }
  .snap-root { scroll-behavior: auto; }
  .js .page-slide > * { opacity: 1; transform: none; transition: none; }
}

@media (max-height: 680px) and (min-width: 901px) {
  .hero h1 { font-size: clamp(2.15rem, 3.7vw, 3.35rem); }
  .mission-visual { min-height: 310px; }
  .radar { width: min(305px, 48vh); }
  .section-heading { margin-bottom: 16px; }
  .section-heading p { margin-top: 7px; }
  .feature-card { min-height: 190px; padding: 18px; }
  .feature-card h3 { margin: 11px 0 7px; }
  .audience-card { min-height: 145px; padding: 18px; }
}