/* Mavari Aviation – site styles. Brand: Orange #F2581A, Jet Black #242424, Cloud Gray #EDEDED, Aero Green #345101 (tiny accents only) */
:root{--o:#F2581A;--k:#242424;--g:#EDEDED;--green:#345101;--w:#fff;--muted:#4a4a4a;--pad:80px;--max:1280px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Avenir Next','Nunito Sans','Nunito',system-ui,sans-serif;color:var(--k);background:#fff;-webkit-font-smoothing:antialiased}
.serif,p,li.serif{font-family:'Ledger',Georgia,serif}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3,h4{font-family:'Avenir Next','Nunito Sans',sans-serif;font-weight:800;letter-spacing:-.01em}
h2{font-size:44px;line-height:1.1}
.sub{font-size:20px;line-height:1.55;color:var(--muted);max-width:700px;margin-top:14px}
.ph{background:#fff4d6;color:#242424;border:1px dashed #b98a00;padding:1px 6px;border-radius:3px;font-family:'Nunito Sans',sans-serif;font-size:.85em;font-weight:700;white-space:normal}
.dark .ph,.ph.on-dark{background:#3a3220;color:#ffe9a8;border-color:#c9a23a}


/* Buttons */
.btn{display:inline-block;background:var(--o);color:#fff;font-weight:800;letter-spacing:.06em;font-size:14px;text-transform:uppercase;padding:16px 30px;border-radius:2px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn.ghost{background:transparent;border:2px solid #f2f2f2;padding:14px 28px}
.btn.dark{background:var(--k);color:#fff}
.btn.outline-dark{background:transparent;border:2px solid var(--k);color:var(--k);padding:14px 28px}
.btn[disabled]{background:#bdbdbd;color:#242424;cursor:not-allowed;opacity:1}

/* Nav */
.site-nav{background:var(--k);position:sticky;top:0;z-index:50}
.site-nav .bar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.site-nav .logo img{height:44px;display:block}
.site-nav ul{display:flex;gap:30px;list-style:none;align-items:center}
.site-nav ul a{color:#f2f2f2;text-decoration:none;font-size:15px;letter-spacing:.03em;font-weight:600;white-space:nowrap}
.site-nav ul a:hover,.site-nav ul a[aria-current]{color:#fff;box-shadow:inset 0 -2px 0 var(--o)}
.site-nav .ext:after{content:" ↗";font-size:12px}
#nav-toggle{display:none}
.burger{display:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center}
.burger span,.burger span:before,.burger span:after{display:block;width:24px;height:2px;background:#fff;position:relative;content:""}
.burger span:before{position:absolute;top:-7px}.burger span:after{position:absolute;top:7px}

/* Hero */
.hero{background:var(--k);position:relative;overflow:hidden;color:#fff}
.hero .bg{position:absolute;right:-40px;top:40px;height:520px;opacity:.035;pointer-events:none}
.hero .in{position:relative;padding:120px 0 120px;max-width:780px}
.eyebrow{font-weight:800;letter-spacing:.28em;font-size:14px;text-transform:uppercase;color:var(--k)}
.dark .eyebrow,.hero .eyebrow{color:#fff}
.eyebrow:before{content:"";display:inline-block;width:22px;height:3px;background:var(--o);vertical-align:middle;margin-right:12px;position:relative;top:-2px}
.hero h1{color:#fff;font-size:72px;line-height:1.04;margin:26px 0 28px}
.hero h1 span{color:var(--o)}
.hero p{color:#d8d8d8;font-size:21px;line-height:1.6;max-width:640px}
.hero .cta{margin-top:44px;display:flex;gap:18px;flex-wrap:wrap}
.hero.short .in{padding:96px 0 96px}
.hero.short h1{font-size:58px}
.stripe{height:8px;background:var(--o)}

/* Sections */
section.block{padding:96px 0}
.gray{background:var(--g)}
.dark{background:var(--k);color:#fff}
.dark p,.dark .sub{color:#d0d0d0}

/* Service cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.card{background:#fff;padding:36px 30px 32px;border-top:6px solid var(--k);min-height:300px;display:flex;flex-direction:column;text-decoration:none;color:var(--k)}
.card.hl{border-top-color:var(--o)}
.card .n{font-weight:800;color:var(--k);letter-spacing:.2em;font-size:13px}
.card h3{font-size:26px;margin:18px 0 14px;line-height:1.18}
.card p{font-size:17px;line-height:1.55;color:#444}
.card .more{margin-top:auto;padding-top:24px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--k);text-decoration:none}
.card .more:hover{box-shadow:inset 0 -2px 0 var(--o)}
.card .head{display:flex;align-items:center;justify-content:space-between}
.card .head img{width:44px;height:44px}

/* Feature bands */
.split{display:grid;grid-template-columns:1fr 520px;gap:70px;align-items:center}
.ticks{list-style:none;margin:26px 0 34px}
.ticks li{font-size:18px;line-height:1.5;padding:8px 0 8px 30px;position:relative}
.ticks li:before{content:"";position:absolute;left:0;top:19px;width:14px;height:3px;background:var(--o)}
.dark .ticks li{color:#eee}
.mock{background:#2e2e2e;border:1px solid #3a3a3a;border-radius:8px;padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.45);position:relative}
.mock .label{position:absolute;top:-14px;right:18px;background:#fff;color:var(--k);font-size:11px;font-weight:800;letter-spacing:.14em;padding:5px 10px;text-transform:uppercase}
.mock .bar{display:flex;gap:7px;margin-bottom:18px}.mock .bar i{width:10px;height:10px;border-radius:50%;background:#555}
.mock .row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.mock .kpi{background:#242424;padding:16px;border-radius:4px}
.mock .kpi small{color:#aaa;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.mock .kpi div{font-size:22px;font-weight:800;margin-top:6px;color:#bbb}
.mock .tbl{background:#242424;border-radius:4px;padding:6px 16px}
.mock .tr{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:12px 0;border-bottom:1px solid #3a3a3a;font-size:14px;color:#ccc}
.mock .tr:last-child{border:0}.mock .tr b{color:#fff}
.tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:800}
.tag.g{background:var(--green);color:#e9f5c8}.tag.a{background:var(--o);color:#242424}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;counter-reset:s}
.step{background:#fff;padding:30px 26px;border-left:4px solid var(--o)}
.step:before{counter-increment:s;content:"0" counter(s);font-weight:800;letter-spacing:.2em;font-size:13px;display:block;margin-bottom:14px}
.step h3{font-size:21px;margin-bottom:10px}
.step p{font-size:16px;line-height:1.55;color:#444}

/* Benefits */
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.benefit{border-top:3px solid var(--k);padding-top:22px}
.benefit h3{font-size:22px;margin-bottom:10px}
.benefit p{font-size:17px;line-height:1.55;color:#444}
.dark .benefit{border-top-color:var(--o)}.dark .benefit p{color:#cfcfcf}

/* Pricing table */
table.price{width:100%;border-collapse:collapse;margin-top:40px;background:#fff;font-size:17px}
table.price th{text-align:left;background:var(--k);color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 22px}
table.price td{padding:20px 22px;border-bottom:1px solid #d9d9d9;vertical-align:top}
table.price td:last-child{font-weight:800;white-space:nowrap}
.note{font-size:16px;line-height:1.6;color:#444;margin-top:18px}
.notes{list-style:none;margin-top:22px}
.notes li{font-size:17px;line-height:1.55;padding:6px 0 6px 26px;position:relative}
.notes li:before{content:"";position:absolute;left:0;top:16px;width:12px;height:3px;background:var(--o)}

/* Tiers */
.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:48px}
.tier{background:#fff;border-top:6px solid var(--k);padding:28px 22px;display:flex;flex-direction:column}
.tier.hl{border-top-color:var(--o)}
.tier h3{font-size:22px}
.tier .for{font-size:15px;line-height:1.5;color:#444;margin:10px 0 14px;min-height:92px}
.tier .price-ph{font-weight:800;font-size:15px;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:14px}
.tier ul{list-style:none}
.tier li{font-size:15px;line-height:1.45;padding:6px 0 6px 20px;position:relative;font-family:'Ledger',serif}
.tier li:before{content:"";position:absolute;left:0;top:14px;width:10px;height:2px;background:var(--o)}

.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.module{background:#2e2e2e;padding:28px 26px;border-left:4px solid var(--o)}
.module h3{font-size:21px;color:#fff;margin-bottom:10px}
.module p{font-size:16px;line-height:1.55;color:#cfcfcf}

.who{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.who div{background:#fff;padding:24px 22px;border-top:3px solid var(--k)}
.who h3{font-size:18px;margin-bottom:8px}
.who p{font-size:15px;line-height:1.5;color:#444}

/* Forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:32px}
.form-grid .full{grid-column:1/-1}
label{display:block;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
input,select,textarea{width:100%;font:inherit;font-family:'Ledger',serif;font-size:17px;padding:13px 14px;border:1px solid #bdbdbd;border-radius:2px;background:#fff;color:var(--k)}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid var(--o);outline-offset:0;border-color:var(--k)}
.actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:26px}
.fineprint{font-size:14px;color:#555;line-height:1.5;margin-top:14px}
.dark .fineprint{color:#bbb}
.panel{background:#fff;padding:44px;border-top:6px solid var(--o)}
.plans{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}
.plans label{margin:0;text-transform:none;letter-spacing:0;font-size:16px;border:2px solid #cfcfcf;padding:16px 14px;cursor:pointer;background:#fff;display:flex;gap:10px;align-items:flex-start}
.plans input{width:auto;margin-top:4px;accent-color:#242424}
.plans label:has(input:checked){border-color:var(--k);box-shadow:inset 0 -4px 0 var(--o)}
.plans small{display:block;font-weight:400;color:#555;font-size:13px;margin-top:4px}

/* Quote strip */
.quote{background:var(--o);color:var(--k);padding:80px 0}
.quote .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}
.quote p{font-size:21px;margin-top:12px;max-width:720px;line-height:1.5;color:var(--k)}

/* Footer */
footer.site-footer{background:var(--k);color:#bdbdbd;padding:60px 0 44px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
footer img{height:40px;display:block;margin-bottom:18px}
footer h4{color:#fff;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}
footer address{font-style:normal;line-height:1.7}
footer ul{list-style:none}
footer li{padding:4px 0}
footer a{color:#f2f2f2;text-decoration:none}
footer a:hover{box-shadow:inset 0 -2px 0 var(--o)}
footer .line{font-family:'Ledger',serif;color:#f2f2f2;margin-top:10px}
footer .copy{grid-column:1/-1;border-top:1px solid #3a3a3a;padding-top:22px;font-size:13px;color:#9a9a9a}

/* Responsive */
@media (max-width:1180px){
  :root{--pad:40px}
  .site-nav ul{gap:20px}.site-nav ul a{font-size:14px}
  .tiers{grid-template-columns:repeat(3,1fr)}
  .plans{grid-template-columns:repeat(3,1fr)}
  .split{grid-template-columns:1fr}
}
@media (max-width:980px){
  .burger{display:flex}
  .site-nav ul{display:none;position:absolute;top:88px;left:0;right:0;background:var(--k);flex-direction:column;align-items:flex-start;gap:0;padding:8px var(--pad) 22px;border-top:1px solid #3a3a3a}
  .site-nav ul li{width:100%}
  .site-nav ul a{display:block;padding:14px 0;font-size:17px}
  #nav-toggle:checked ~ ul{display:flex}
  .site-nav .bar .btn{display:none}
}
@media (max-width:760px){
  :root{--pad:22px}
  h2{font-size:32px}
  .sub{font-size:18px}
  .hero .in,.hero.short .in{padding:72px 0 76px}
  .hero h1{font-size:44px}.hero.short h1{font-size:38px}
  .hero p{font-size:18px}
  .hero .bg{height:300px;right:-80px;top:20px}
  section.block{padding:64px 0}
  .grid,.steps,.benefits,.modules,.who,.tiers,.plans,.form-grid{grid-template-columns:1fr}
  .card{min-height:0}
  .quote .wrap{flex-direction:column;align-items:flex-start}
  footer .wrap{grid-template-columns:1fr}
  .panel{padding:26px 20px}
  table.price{font-size:15px}
  table.price th,table.price td{padding:14px 12px}
  table.price td:last-child{white-space:normal}
}
/* fixes after render review */
.card{position:relative}
.card .head{display:block}
.card .head img{position:absolute;top:24px;right:24px}
.card .more .ph{display:block;width:max-content;margin-top:8px;text-transform:none;letter-spacing:0}
.hero .bg{height:440px;top:70px;opacity:.03}
.module.wide{grid-column:1/-1;background:#333;border-left-color:var(--o)}
.tiers{grid-template-rows:auto auto auto 1fr}
.tier{grid-row:span 4;display:grid;grid-template-rows:subgrid;gap:0}
.tier .for{min-height:0}
.tier .price-ph{align-self:start}
@media (max-width:1180px){.split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .mock{padding:16px}.mock .row{gap:8px}.mock .kpi{padding:10px}.mock .kpi div{font-size:15px}.mock .kpi small{font-size:9px;letter-spacing:.06em}
  .mock .tr{font-size:12px}.mock .label{font-size:10px;right:10px}
}
/* v2 updates */
.card .dev{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#555;background:#e0e0e0;padding:4px 10px;border-radius:3px}
.disclaimer{font-size:13px;line-height:1.5;color:#666;margin-top:14px;max-width:820px}
.tiers{grid-template-rows:auto auto 1fr auto}
.tier .size{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#F2581A;margin-top:6px}
.tier .for{margin:12px 0 22px}
.tier .btn{justify-self:start;align-self:end;text-align:center}
/* v3 updates */
.tiers{grid-template-rows:auto auto auto 1fr auto}
.tier{grid-row:span 5}
.tier .tprice{font-family:'Nunito Sans',sans-serif;font-weight:800;font-size:20px;line-height:1.25;padding:12px 0;margin-top:12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.next{margin-top:40px}
.next h3{font-size:22px}
.steps3{grid-template-columns:repeat(3,1fr);margin-top:20px}
.steps3 .step p{font-size:17px;color:#242424}
@media (max-width:760px){.steps3{grid-template-columns:1fr}}