/*
 * AIO SaaS Landing V2.5 — Emergency Command Redesign
 * Visual layer only. The existing Blade/CMS content model, hero media controls,
 * header/footer builder, apps, plan source and registration links remain intact.
 */

:root{
  --aio-v25-navy:#04131d;
  --aio-v25-navy-2:#071d2a;
  --aio-v25-navy-3:#0a2635;
  --aio-v25-panel:#0a2230;
  --aio-v25-panel-2:#0d2b3b;
  --aio-v25-white:#f7fbfd;
  --aio-v25-muted:#9db0bc;
  --aio-v25-red:var(--aio-accent,#e31e2f);
  --aio-v25-red-bright:#ff3044;
  --aio-v25-cyan:#66d9ee;
  --aio-v25-line:rgba(154,191,210,.14);
  --aio-v25-shadow:0 28px 80px rgba(0,0,0,.30);
  --aio-v25-radius:24px;
}

/* FULL-WIDTH / PREMIUM FRAME */
body{
  background:var(--aio-v25-navy);
  color:var(--aio-v25-white);
}
main{background:var(--aio-v25-navy)}
.container{
  width:min(calc(100% - 96px),1480px)!important;
  max-width:1480px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* HEADER — keeps CMS colours influential, but brings them into the dark command aesthetic */
.aio-nav-wrap{
  background:color-mix(in srgb,var(--aio-header-bg,#061722) 22%,#031019 78%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.16);
  backdrop-filter:blur(20px) saturate(135%);
}
.aio-nav{height:82px!important}
.aio-brand{gap:13px!important}
.aio-brand-logo{max-height:46px;width:auto!important}
.aio-brand-mark{
  width:44px!important;height:44px!important;border-radius:13px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 9px 28px color-mix(in srgb,var(--aio-v25-red) 30%,transparent)!important;
}
.aio-brand strong{font-size:13px!important;letter-spacing:.11em!important;color:#fff!important}
.aio-brand small{font-size:9px!important;letter-spacing:.12em!important;color:#92a8b6!important;text-transform:uppercase}
.aio-nav-links{gap:30px!important}
.aio-nav-links>a:not(.aio-btn){color:#d8e4ea!important;font-size:12px!important;letter-spacing:.02em}
.aio-nav-links>a:not(.aio-btn):hover{color:#fff!important}
.aio-nav-links .aio-btn-primary{
  border-radius:10px!important;padding:12px 17px!important;
  background:linear-gradient(135deg,var(--aio-v25-red),var(--aio-v25-red-bright))!important;
  box-shadow:0 10px 30px color-mix(in srgb,var(--aio-v25-red) 28%,transparent)!important;
}

/* HERO */
.aio-hero{
  position:relative;
  min-height:790px!important;
  background:
    radial-gradient(circle at 5% 45%,color-mix(in srgb,var(--aio-v25-red) 24%,transparent),transparent 25%),
    radial-gradient(circle at 92% 75%,rgba(39,149,194,.18),transparent 28%),
    linear-gradient(135deg,#020d14 0%,#061a26 48%,#071d2a 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08);
  isolation:isolate;
}
.aio-hero::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,10,16,.93) 0%,rgba(3,15,23,.75) 39%,rgba(3,15,23,.22) 68%,rgba(2,10,16,.34) 100%),
    linear-gradient(180deg,rgba(3,12,18,.08) 54%,rgba(3,15,23,.86) 100%);
}
.aio-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:5;
  background:linear-gradient(90deg,transparent 0%,var(--aio-v25-red) 18%,rgba(85,207,235,.6) 52%,var(--aio-v25-red) 82%,transparent 100%);
  opacity:.72;
}
.hero-background-media{z-index:0!important}
.hero-background-media img,.hero-background-media video,.hero-background-media .hero-slide{
  filter:saturate(1.12) contrast(1.04) brightness(.86);
}
.hero-placement-background .hero-media-overlay{opacity:.30!important}
.aio-hero-grid{
  position:relative;z-index:3;
  grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr)!important;
  gap:70px!important;
  padding-top:112px!important;padding-bottom:110px!important;
  min-height:710px;
}
.hero-placement-background .aio-hero-grid{min-height:710px}
.aio-hero-copy{max-width:690px!important}
.aio-kicker{
  color:#ff5364!important;font-size:11px!important;letter-spacing:.16em!important;
  text-shadow:none!important;
}
.aio-kicker span{
  width:8px!important;height:8px!important;background:#27d4b0!important;
  box-shadow:0 0 0 5px rgba(39,212,176,.10),0 0 22px rgba(39,212,176,.44)!important;
}
.aio-hero h1{
  font-size:clamp(54px,5.25vw,82px)!important;
  line-height:.97!important;letter-spacing:-.052em!important;
  max-width:780px!important;margin:19px 0 25px!important;
  color:#fff!important;text-wrap:balance;
}
.aio-hero h1 em{
  color:#ff3146!important;
  text-shadow:0 0 34px rgba(255,49,70,.16);
}
.aio-hero-copy>p{
  max-width:650px!important;color:#c3d0d7!important;
  font-size:16px!important;line-height:1.72!important;
}
.aio-hero-actions{gap:12px!important;margin-top:30px!important}
.aio-btn{
  border-radius:10px!important;letter-spacing:.01em;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
.aio-btn-lg{padding:15px 21px!important;min-height:52px!important}
.aio-btn-primary{
  background:linear-gradient(135deg,var(--aio-v25-red),#ff3146)!important;
  box-shadow:0 12px 34px color-mix(in srgb,var(--aio-v25-red) 27%,transparent)!important;
}
.aio-btn-primary:hover{box-shadow:0 16px 42px color-mix(in srgb,var(--aio-v25-red) 38%,transparent)!important}
.aio-btn-ghost{
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(4,20,30,.48)!important;
  backdrop-filter:blur(12px);
}
.aio-trust-row{margin-top:25px!important;gap:12px 24px!important}
.aio-trust-row span{
  color:#d6e3e9!important;font-size:10px!important;letter-spacing:.015em;
  display:inline-flex;align-items:center;gap:7px;
}

/* COMMAND PANEL / HERO PANEL MEDIA */
.aio-command-preview,.cms-hero-media-wrap{
  border-radius:26px!important;
  border:1px solid rgba(151,202,226,.17)!important;
  background:rgba(5,23,34,.76)!important;
  box-shadow:0 45px 110px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.03) inset!important;
  backdrop-filter:blur(14px);
}
.aio-command-preview{transform:perspective(1400px) rotateY(-2.5deg) rotateX(1deg)!important}
.cms-hero-image{width:100%;min-height:500px;max-height:590px;display:block}
.cms-hero-media-wrap,.hero-panel-video,.hero-slideshow{min-height:500px!important}
.preview-top{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.08)!important}
.preview-shell aside{background:#051620!important}
.preview-shell aside span.active{background:rgba(255,49,70,.12)!important;color:#fff!important;border-left:2px solid #ff3146}
.preview-main{background:linear-gradient(180deg,#0a2533,#071c28)!important}
.preview-stats>div,.preview-map,.preview-feed{border-color:rgba(165,203,220,.12)!important;background:rgba(255,255,255,.025)!important}

/* EMERGENCY SERVICES STRIP */
.aio-strip{
  position:relative;z-index:10;
  background:#061a26!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.aio-strip .container{
  min-height:86px;display:flex!important;align-items:center;justify-content:space-between!important;
  gap:26px!important;padding-top:0!important;padding-bottom:0!important;
}
.aio-strip span{color:#758f9d!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.14em!important;white-space:nowrap}
.aio-strip b{
  color:#d8e6ec!important;font-size:11px!important;font-weight:650!important;
  display:flex;align-items:center;gap:10px;white-space:nowrap;
}
.aio-strip b::before{
  content:"";width:27px;height:27px;border-radius:9px;border:1px solid rgba(255,255,255,.15);
  background:radial-gradient(circle at 50% 50%,rgba(255,49,70,.78) 0 2px,transparent 3px),rgba(255,255,255,.025);
  box-shadow:inset 0 0 16px rgba(255,49,70,.08);
}

/* SHARED DARK SECTIONS */
#features,#industries,#how-it-works,#apps{
  position:relative;
  background:
    radial-gradient(circle at 8% 12%,rgba(225,35,55,.075),transparent 24%),
    radial-gradient(circle at 92% 86%,rgba(25,126,174,.09),transparent 25%),
    linear-gradient(180deg,#061a26 0%,#051721 100%)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.07);
}
#features::before,#industries::before,#how-it-works::before,#apps::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 78%,transparent 100%);
}
#features>.container,#industries>.container,#how-it-works>.container,#apps>.container{position:relative;z-index:2}
#features,#industries,#how-it-works,#apps,#pricing{padding:104px 0!important}
.section-heading{
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  gap:78px!important;align-items:end!important;margin-bottom:50px!important;
}
.section-heading>div>span{
  display:block;color:#ff4154!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.17em!important;text-transform:uppercase;margin-bottom:13px!important;
}
.section-heading h2{
  font-size:clamp(38px,3.7vw,58px)!important;line-height:1.02!important;
  letter-spacing:-.045em!important;margin:0!important;text-wrap:balance;
}
#features .section-heading h2,#industries .section-heading h2,#how-it-works .section-heading h2,#apps .section-heading h2{color:#fff!important}
#features .section-heading>p,#industries .section-heading>p,#how-it-works .section-heading>p,#apps .section-heading>p{
  color:#9fb2be!important;font-size:14px!important;line-height:1.72!important;margin:0!important;
}

/* FEATURE CARDS */
.feature-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;
}
.feature-card{
  position:relative;min-height:245px!important;padding:30px!important;border-radius:20px!important;
  border:1px solid rgba(139,185,206,.14)!important;
  background:linear-gradient(145deg,rgba(13,44,59,.82),rgba(6,27,39,.82))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.16)!important;
  overflow:hidden;transition:.28s ease!important;
}
.feature-card::before{
  content:"";position:absolute;left:-30px;top:-35px;width:125px;height:125px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,49,70,.17),transparent 68%);pointer-events:none;
}
.feature-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,67,85,.35)!important;box-shadow:0 27px 70px rgba(0,0,0,.26)!important}
.feature-card>span{
  position:absolute!important;right:23px!important;top:20px!important;color:#486575!important;font-size:10px!important;font-weight:800;
}
.feature-icon{
  width:48px!important;height:48px!important;border-radius:15px!important;margin:0 0 25px!important;
  border:1px solid rgba(255,68,87,.40)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,55,74,.95) 0 4px,transparent 5px),
    linear-gradient(145deg,rgba(255,48,68,.18),rgba(11,42,57,.2))!important;
  box-shadow:0 0 32px rgba(255,48,68,.09),inset 0 0 22px rgba(255,48,68,.07)!important;
}
.feature-card h3{color:#fff!important;font-size:17px!important;margin:0 0 12px!important}
.feature-card p{color:#9fb1bc!important;font-size:12.5px!important;line-height:1.68!important;margin:0!important}

/* INDUSTRIES / WORKFLOWS */
#industries{background:linear-gradient(180deg,#061822,#04141d)!important}
.industry-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border:1px solid rgba(152,195,215,.14)!important;border-radius:20px!important;overflow:hidden!important;
  background:rgba(7,29,42,.58)!important;box-shadow:0 26px 65px rgba(0,0,0,.18);
}
.industry-grid>div{
  position:relative;min-height:190px!important;padding:32px!important;
  border-color:rgba(145,189,210,.12)!important;background:rgba(255,255,255,.01)!important;
  transition:.25s ease;
}
.industry-grid>div:hover{background:rgba(255,255,255,.035)!important}
.industry-grid>div>span{
  color:#ff4255!important;font-size:16px!important;position:absolute;right:24px;top:20px;
}
.industry-grid h3{color:#fff!important;font-size:16px!important;margin:36px 0 10px!important}
.industry-grid p{color:#8ea5b2!important;font-size:12px!important;line-height:1.65!important;margin:0!important}

/* ONBOARDING */
#how-it-works{background:linear-gradient(180deg,#061a26,#051721)!important}
.steps-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;
  counter-reset:aio-step;
}
.steps-grid>div{
  position:relative;min-height:190px!important;padding:29px 25px!important;
  border:1px solid rgba(147,190,210,.13)!important;border-radius:19px!important;
  background:linear-gradient(145deg,rgba(12,43,58,.82),rgba(7,29,40,.82))!important;
}
.steps-grid>div::after{
  content:"";position:absolute;left:100%;top:43px;width:18px;height:1px;background:rgba(255,255,255,.12);
}
.steps-grid>div:last-child::after{display:none}
.steps-grid b{
  display:grid!important;place-items:center;width:30px!important;height:30px!important;border-radius:50%!important;
  background:linear-gradient(135deg,var(--aio-v25-red),#ff4255)!important;color:#fff!important;
  box-shadow:0 8px 22px rgba(227,30,47,.25);font-size:11px!important;
}
.steps-grid h3{color:#fff!important;font-size:15px!important;margin:26px 0 10px!important}
.steps-grid p{color:#91a7b4!important;font-size:11.5px!important;line-height:1.63!important}

/* APP ECOSYSTEM */
#apps{background:linear-gradient(180deg,#051721,#061c29)!important}
.app-download-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.app-download-card{
  overflow:hidden!important;border-radius:22px!important;border:1px solid rgba(143,190,211,.17)!important;
  background:linear-gradient(145deg,rgba(9,37,52,.96),rgba(5,23,34,.96))!important;
  box-shadow:0 26px 65px rgba(0,0,0,.22)!important;
}
.app-art{
  min-height:300px!important;background:
    radial-gradient(circle at 50% 70%,rgba(255,41,63,.20),transparent 43%),
    linear-gradient(145deg,#0d3141,#071c27)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.app-art img{height:300px!important;width:100%!important;object-fit:contain!important;padding:20px!important}
.app-device-mock{
  border-color:rgba(255,255,255,.55)!important;background:linear-gradient(180deg,#e61f33,#7c0d1a)!important;
  box-shadow:0 24px 55px rgba(0,0,0,.45),0 0 35px rgba(255,43,65,.10)!important;
}
.app-copy{padding:28px!important}
.app-copy .co-kicker{color:#ff4255!important;font-size:9px!important;letter-spacing:.14em!important}
.app-copy h3{color:#fff!important;font-size:21px!important;margin:8px 0 10px!important}
.app-copy p{color:#9aafbb!important;font-size:12px!important;line-height:1.65!important;min-height:60px!important}
.app-store-buttons{gap:10px!important}
.app-store-btn{
  border:1px solid rgba(255,255,255,.14)!important;background:#061722!important;color:#fff!important;border-radius:10px!important;
  box-shadow:none!important;
}
.app-store-btn:hover{border-color:rgba(255,255,255,.30)!important;background:#092536!important}

/* PRICING — LIGHT CONTRAST SECTION; AUTO-FILL KEEPS ROOM FOR MORE PLANS */
#pricing{
  position:relative;background:
    radial-gradient(circle at 92% 5%,rgba(30,103,145,.07),transparent 25%),
    linear-gradient(180deg,#f7fafc 0%,#eef4f7 100%)!important;
  color:#0a2130!important;border-top:1px solid #fff;border-bottom:1px solid #dce7ed;
}
#pricing .section-heading h2{color:#071c28!important}
#pricing .section-heading>p{color:#607481!important;font-size:14px!important;line-height:1.7!important}
.pricing-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.price-card{
  position:relative;display:flex!important;flex-direction:column!important;
  min-height:570px!important;padding:31px!important;border-radius:24px!important;
  background:rgba(255,255,255,.98)!important;border:1px solid #dce6eb!important;
  box-shadow:0 20px 60px rgba(21,55,73,.08)!important;overflow:hidden!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.price-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--aio-v25-red),#ff5969 52%,#17b6d8);
}
.price-card:hover{transform:translateY(-6px)!important;border-color:#cbdbe4!important;box-shadow:0 30px 78px rgba(21,55,73,.13)!important}
.price-head{padding-bottom:18px;border-bottom:1px solid #edf2f5}
.price-head .co-kicker{color:#e52b3e!important;font-size:9px!important;font-weight:900!important;letter-spacing:.15em!important}
.price-head h3{color:#071c28!important;font-size:22px!important;line-height:1.15!important;margin:10px 0 10px!important}
.price-head p{color:#71838e!important;font-size:12px!important;line-height:1.55!important;min-height:57px!important;margin:0!important}
.price{
  color:#071c28!important;font-size:45px!important;font-weight:900!important;letter-spacing:-.045em!important;
  margin:27px 0 2px!important;line-height:1!important;
}
.price small{font-size:11px!important;letter-spacing:.08em!important;color:#6c7f8b!important;margin-right:6px!important;font-weight:800!important}
.contact-price{font-size:38px!important}
.plan-validity{
  display:inline-flex!important;align-self:flex-start!important;margin:9px 7px 0 0!important;padding:7px 10px!important;
  border-radius:999px!important;background:#eef4f7!important;color:#5a707d!important;font-size:10px!important;font-weight:800!important;
}
.price-card ul{list-style:none!important;padding:19px 0 8px!important;margin:0!important;border-top:1px solid #edf2f5;margin-top:18px!important;flex:1!important}
.price-card li{color:#445b68!important;font-size:11.5px!important;line-height:1.55!important;padding:7px 0 7px 23px!important;position:relative}
.price-card li::first-letter{color:#e52438}
.price-card li::before{
  content:"✓";position:absolute;left:0;top:7px;color:#e52438;font-weight:950;font-size:12px;
}
.price-card .aio-btn-dark{
  width:100%!important;margin-top:21px!important;min-height:49px!important;border-radius:11px!important;
  background:linear-gradient(135deg,var(--aio-v25-red),#ff3146)!important;color:#fff!important;
  box-shadow:0 11px 28px rgba(227,30,47,.18)!important;
}
.price-card .aio-btn-dark:hover{box-shadow:0 15px 34px rgba(227,30,47,.26)!important}

/* FINAL CTA */
.aio-cta{
  position:relative;overflow:hidden;padding:78px 0!important;
  background:
    radial-gradient(circle at 5% 100%,rgba(255,42,63,.17),transparent 27%),
    linear-gradient(105deg,#05151f,#071f2d 65%,#061a26)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.aio-cta::after{
  content:"";position:absolute;right:-100px;top:-150px;width:460px;height:460px;border-radius:50%;
  border:1px solid rgba(255,255,255,.05);box-shadow:0 0 0 52px rgba(255,255,255,.012),0 0 0 104px rgba(255,255,255,.008);
}
.aio-cta .container{position:relative;z-index:2;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:70px!important}
.aio-cta span{color:#ff4356!important;font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase}
.aio-cta h2{color:#fff!important;font-size:clamp(34px,3vw,48px)!important;letter-spacing:-.04em!important;margin:9px 0 10px!important}
.aio-cta p{color:#9eb2be!important;font-size:13px!important}

/* FOOTER */
.aio-footer{
  padding-top:68px!important;background:color-mix(in srgb,var(--aio-footer-bg,#04131d) 78%,#020a0f 22%)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.aio-footer-grid{grid-template-columns:minmax(300px,1.5fr) repeat(3,minmax(150px,.55fr))!important;gap:56px!important}
.aio-footer .aio-brand strong{color:#fff!important}
.aio-footer .aio-brand small{color:#8fa6b3!important}
.aio-footer-grid>div>strong{color:#fff!important;font-size:11px!important;letter-spacing:.04em}
.aio-footer-grid a{font-size:11px!important;line-height:1.8!important}
.aio-footer-grid p{font-size:11px!important;line-height:1.72!important;max-width:390px}
.aio-footer-bottom{border-color:rgba(255,255,255,.07)!important;margin-top:48px!important;padding:24px 0!important;font-size:9px!important;letter-spacing:.03em}

/* RESPONSIVE */
@media(max-width:1180px){
  .container{width:min(calc(100% - 56px),1480px)!important}
  .aio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)!important;gap:44px!important}
  .feature-grid,.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .steps-grid>div::after{display:none}
  .aio-footer-grid{grid-template-columns:1.3fr repeat(2,minmax(150px,.7fr))!important}
}

@media(max-width:991px){
  .container{width:min(100% - 30px,1480px)!important}
  .aio-nav{height:70px!important}
  .aio-nav-links{background:#051720!important;border-color:rgba(255,255,255,.08)!important}
  .aio-nav-links>a:not(.aio-btn),.aio-nav-links>.link-login{color:#e3edf2!important}
  .aio-mobile-toggle{color:#fff!important}
  .aio-hero{min-height:auto!important}
  .aio-hero-grid{grid-template-columns:1fr!important;min-height:auto!important;padding-top:72px!important;padding-bottom:72px!important}
  .hero-placement-background .aio-hero-grid{min-height:680px!important}
  .hero-background-balance{display:none!important}
  .aio-hero h1{font-size:clamp(46px,8vw,66px)!important}
  .aio-command-preview,.cms-hero-media-wrap{max-width:760px;width:100%}
  .cms-hero-media-wrap,.hero-panel-video,.hero-slideshow{min-height:380px!important}
  .section-heading{grid-template-columns:1fr!important;gap:20px!important;align-items:start!important}
  .feature-grid,.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .app-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .app-download-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px)}
  .aio-cta .container{grid-template-columns:1fr!important;gap:24px!important}
  .aio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:720px){
  .container{width:min(100% - 24px,1480px)!important}
  #features,#industries,#how-it-works,#apps,#pricing{padding:68px 0!important}
  .aio-hero::before{background:linear-gradient(180deg,rgba(2,10,16,.80),rgba(2,10,16,.76))!important}
  .hero-placement-background .aio-hero-grid{min-height:620px!important}
  .aio-hero-grid{padding-top:54px!important;padding-bottom:56px!important}
  .aio-hero h1{font-size:clamp(39px,11.4vw,52px)!important}
  .aio-hero-copy>p{font-size:14px!important}
  .aio-strip .container{min-height:70px;justify-content:flex-start!important;overflow-x:auto!important;padding:0!important}
  .aio-strip b::before{width:24px;height:24px}
  .section-heading{margin-bottom:34px!important}
  .section-heading h2{font-size:clamp(34px,9vw,43px)!important}
  .feature-grid,.industry-grid,.steps-grid,.app-download-grid{grid-template-columns:1fr!important}
  .app-download-card:last-child{grid-column:auto;max-width:none}
  .feature-card,.industry-grid>div,.steps-grid>div{min-height:auto!important}
  .feature-card{padding:25px!important}
  .industry-grid{border:0!important;background:transparent!important;gap:12px!important;overflow:visible!important}
  .industry-grid>div{border:1px solid rgba(145,189,210,.13)!important;border-radius:17px!important;padding:25px!important}
  .steps-grid{gap:12px!important}
  .app-art{min-height:235px!important}
  .app-art img{height:235px!important}
  .pricing-grid{grid-template-columns:1fr!important}
  .price-card{min-height:auto!important;padding:27px!important}
  .price-head p{min-height:auto!important}
  .aio-cta{padding:58px 0!important}
  .aio-footer-grid{grid-template-columns:1fr!important;gap:28px!important}
}

@media(max-width:480px){
  .container{width:min(100% - 20px,1480px)!important}
  .aio-nav{height:64px!important}
  .aio-hero-grid{padding-top:46px!important;padding-bottom:48px!important}
  .hero-placement-background .aio-hero-grid{min-height:570px!important}
  .aio-hero h1{font-size:clamp(34px,11.6vw,43px)!important}
  .aio-hero-actions{grid-template-columns:1fr!important;width:100%}
  .aio-hero-actions .aio-btn{width:100%!important}
  .section-heading h2{font-size:32px!important}
  .feature-card{padding:23px!important}
  .app-copy{padding:23px!important}
  .price-card{padding:24px!important;border-radius:20px!important}
  .price{font-size:40px!important}
}

@media(prefers-reduced-motion:reduce){
  .feature-card,.price-card,.aio-btn{transition:none!important}
}


/* ============================================================
   AIO LANDING V2.5.1 — LIVE ASSET + VISUAL REFINEMENT
   ============================================================ */
html,body{background:#04131d!important}
body>main,.aio-public-page,.aio-public-shell{background:#04131d}

.aio-nav,.aio-hero-grid,.aio-strip .container,section>.container,
.aio-cta .container,.aio-footer>.container,.aio-footer-grid,.aio-footer-bottom{
  width:min(calc(100% - 64px),1540px)!important;
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important
}

.aio-hero{min-height:760px!important;overflow:hidden!important}
.aio-hero-grid{
  min-height:690px!important;
  align-items:center!important;
  padding-top:96px!important;
  padding-bottom:90px!important
}
.aio-hero h1{
  max-width:760px!important;
  font-size:clamp(58px,5.6vw,88px)!important
}
.aio-hero-copy>p{max-width:650px!important;font-size:15px!important}
.aio-hero-actions .aio-btn{min-width:170px;justify-content:center}

.hero-background-media,.hero-panel-media,.cms-hero-media-wrap{overflow:hidden!important}
.hero-background-media img,.hero-panel-media img,.cms-hero-image{object-position:center!important}

.aio-command-preview,.cms-hero-media-wrap,.hero-panel-media{
  border-radius:28px!important;
  border:1px solid rgba(152,204,228,.20)!important;
  box-shadow:0 42px 110px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.025) inset!important
}

#features,#industries,#how-it-works,#apps{
  padding-top:116px!important;
  padding-bottom:116px!important
}
#features .feature-grid,.feature-grid{gap:20px!important}
.feature-card{min-height:250px!important}
.feature-card:hover{transform:translateY(-9px)!important}
.industry-grid{box-shadow:0 30px 80px rgba(0,0,0,.22)!important}
.industry-grid>div{min-height:205px!important}
.steps-grid>div{min-height:205px!important}
.steps-grid>div b{box-shadow:0 10px 28px rgba(229,27,42,.28)!important}

.app-download-card{border-radius:24px!important}
.app-art{min-height:315px!important}
.app-copy{min-height:235px;display:flex;flex-direction:column}
.app-copy .app-store-buttons{margin-top:auto}

#pricing{padding-top:118px!important;padding-bottom:124px!important}
.pricing-grid{
  grid-template-columns:repeat(auto-fit,minmax(300px,360px))!important;
  justify-content:start!important;
  gap:24px!important
}
.price-card{
  width:100%!important;
  max-width:360px!important;
  min-height:585px!important
}
.price-card .aio-btn-dark{margin-top:auto!important}
.price-card ul{flex:1!important}

.aio-cta{padding-top:86px!important;padding-bottom:86px!important}
.aio-footer{min-height:330px}
.aio-footer+*,body::after{background:#04131d!important}

@media(min-width:1400px){
  .section-heading{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)!important}
}
@media(max-width:991px){
  .aio-nav,.aio-hero-grid,.aio-strip .container,section>.container,
  .aio-cta .container,.aio-footer>.container,.aio-footer-grid,.aio-footer-bottom{
    width:min(calc(100% - 30px),1540px)!important
  }
  .aio-hero,.aio-hero-grid{min-height:auto!important}
  .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
  .price-card{max-width:none!important}
}
@media(max-width:700px){
  .aio-nav,.aio-hero-grid,.aio-strip .container,section>.container,
  .aio-cta .container,.aio-footer>.container,.aio-footer-grid,.aio-footer-bottom{
    width:min(calc(100% - 22px),1540px)!important
  }
  .aio-hero h1{font-size:clamp(40px,11vw,54px)!important}
}

/* AIO BUSINESS PLAN GROUPS V2.5.2 */
.public-plan-audience{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin:4px 0 20px;padding:18px 0 0;
}
.public-plan-audience-copy{max-width:760px}
.public-plan-audience-kicker{
  display:block;color:#e52b3e;font-size:9px;font-weight:950;letter-spacing:.16em;
  text-transform:uppercase;margin-bottom:7px;
}
.public-plan-audience h3{
  margin:0 0 6px;color:#071c28;font-size:25px;line-height:1.12;letter-spacing:-.035em;
}
.public-plan-audience p{
  margin:0;color:#697d89;font-size:12px;line-height:1.6;
}
.public-plan-count{
  flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:0 11px;
  border-radius:999px;background:#fff;border:1px solid #d8e4e9;color:#526b79;
  font-size:9px;font-weight:850;box-shadow:0 8px 20px rgba(20,53,71,.05);
}
.public-plan-divider{
  height:1px;background:linear-gradient(90deg,transparent,#cedce4 16%,#cedce4 84%,transparent);
  margin:58px 0 42px;
}
.public-plan-audience-supplier .public-plan-audience-kicker{color:#b81d45}
.public-supplier-plan::before{
  background:linear-gradient(90deg,#b20d41,#f3274b 52%,#7546e8)!important;
}
.public-supplier-plan .price-head .co-kicker{color:#b51e43!important}
.public-supplier-plan .aio-btn-dark{
  background:linear-gradient(135deg,#8f123b,#ec2349)!important;
}
.public-plan-scope-note{
  margin-top:28px;padding:14px 16px;border:1px solid #dae6eb;border-radius:13px;
  background:rgba(255,255,255,.58);color:#687e8a;font-size:10px;line-height:1.55;
}
.public-plan-empty{min-height:270px!important}
.public-business-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important}
@media(max-width:720px){
  .public-plan-audience{align-items:flex-start;flex-direction:column;gap:12px}
  .public-plan-divider{margin:42px 0 30px}
  .public-plan-audience h3{font-size:22px}
}