/* MiniMedia homepage — self-contained, themed via CSS vars */
.mmh {
	--mmh-accent:#2563eb;
	--mmh-accent2:#7c3aed;
	--mmh-ink:#0f172a;
	--mmh-muted:#5b6472;
	--mmh-bg:#ffffff;
	--mmh-soft:#f6f8fc;
	--mmh-line:rgba(15,23,42,.08);
	color:var(--mmh-ink);
	background:var(--mmh-bg);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}
.mmh *{box-sizing:border-box;}
.mmh img{max-width:100%;height:auto;display:block;}
.mmh-wrap{max-width:1120px;margin:0 auto;padding:0 24px;}

/* Buttons */
.mmh-btn{
	display:inline-flex;align-items:center;justify-content:center;
	padding:14px 26px;border-radius:12px;font-weight:700;font-size:16px;
	text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
	cursor:pointer;border:1px solid transparent;white-space:nowrap;
}
.mmh-btn--primary{
	color:#fff;background-image:linear-gradient(135deg,var(--mmh-accent),var(--mmh-accent2));
	box-shadow:0 10px 24px -8px color-mix(in srgb,var(--mmh-accent) 65%,transparent);
}
.mmh-btn--primary:hover{transform:translateY(-2px);filter:brightness(1.04);color:#fff;}
.mmh-btn--ghost{color:var(--mmh-ink);background:transparent;border-color:var(--mmh-line);}
.mmh-btn--ghost:hover{border-color:var(--mmh-accent);color:var(--mmh-accent);}
.mmh-btn--light{background:#fff;color:var(--mmh-ink);}
.mmh-btn--light:hover{transform:translateY(-2px);color:var(--mmh-ink);}
.mmh-btn--block{display:flex;width:100%;}

/* Hero */
.mmh-hero{
	position:relative;overflow:hidden;padding:88px 0 56px;
	background:
		radial-gradient(1000px 500px at 85% -10%, color-mix(in srgb,var(--mmh-accent2) 16%,transparent), transparent 60%),
		radial-gradient(900px 500px at 5% 0%, color-mix(in srgb,var(--mmh-accent) 14%,transparent), transparent 55%),
		var(--mmh-bg);
}
.mmh-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.mmh-eyebrow{
	display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
	color:var(--mmh-accent);background:color-mix(in srgb,var(--mmh-accent) 12%,transparent);
	padding:6px 12px;border-radius:999px;margin-bottom:18px;
}
.mmh-hero__title{font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;font-weight:800;}
.mmh-hero__sub{font-size:19px;color:var(--mmh-muted);margin:0 0 28px;max-width:34em;}
.mmh-cta-row{display:flex;gap:14px;flex-wrap:wrap;}
.mmh-hero__note{margin:18px 0 0;font-size:14px;color:var(--mmh-muted);}

/* Hero media / mock */
.mmh-hero__img{border-radius:18px;box-shadow:0 30px 60px -20px rgba(15,23,42,.35);}
.mmh-mock{
	border-radius:18px;background:#fff;border:1px solid var(--mmh-line);
	box-shadow:0 30px 60px -24px rgba(15,23,42,.35);overflow:hidden;transform:rotate(.5deg);
}
.mmh-mock__bar{display:flex;gap:7px;padding:14px 16px;background:var(--mmh-soft);border-bottom:1px solid var(--mmh-line);}
.mmh-mock__bar span{width:11px;height:11px;border-radius:50%;background:#d3d9e3;}
.mmh-mock__bar span:first-child{background:#ff6058;}
.mmh-mock__bar span:nth-child(2){background:#ffbd2e;}
.mmh-mock__bar span:nth-child(3){background:#28c840;}
.mmh-mock__body{padding:20px;}
.mmh-mock__row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border:1px solid var(--mmh-line);border-radius:10px;margin-bottom:10px;}
.mmh-mock__chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--mmh-muted);}
.mmh-mock__save{font-weight:800;color:#16a34a;font-size:14px;}
.mmh-mock__bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin-top:16px;padding-top:8px;}
.mmh-mock__bars i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--mmh-accent),var(--mmh-accent2));opacity:.85;}

/* Stats */
.mmh-stats{
	display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;
	background:#fff;border:1px solid var(--mmh-line);border-radius:16px;padding:24px;
	box-shadow:0 10px 30px -20px rgba(15,23,42,.25);
}
.mmh-stat{text-align:center;padding:6px;}
.mmh-stat__value{display:block;font-size:26px;font-weight:800;letter-spacing:-.01em;}
.mmh-stat__label{display:block;color:var(--mmh-muted);font-size:14px;margin-top:2px;}

/* Sections */
.mmh-section{padding:76px 0;}
.mmh-section--alt{background:var(--mmh-soft);}
.mmh-head{text-align:center;max-width:640px;margin:0 auto 44px;}
.mmh-h2{font-size:clamp(26px,3.4vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;font-weight:800;}
.mmh-lead{font-size:18px;color:var(--mmh-muted);margin:0;}

/* Feature grid */
.mmh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mmh-card{
	background:#fff;border:1px solid var(--mmh-line);border-radius:16px;padding:26px;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.mmh-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(15,23,42,.35);border-color:color-mix(in srgb,var(--mmh-accent) 40%,var(--mmh-line));}
.mmh-card__icon{
	width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
	font-size:26px;margin-bottom:16px;
	background:color-mix(in srgb,var(--mmh-accent) 12%,transparent);
}
.mmh-card__title{font-size:19px;margin:0 0 8px;font-weight:700;}
.mmh-card__text{margin:0;color:var(--mmh-muted);font-size:15px;}

/* Steps */
.mmh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step;}
.mmh-step{text-align:center;padding:8px;}
.mmh-step__num{
	display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
	font-weight:800;color:#fff;margin-bottom:14px;font-size:18px;
	background-image:linear-gradient(135deg,var(--mmh-accent),var(--mmh-accent2));
}
.mmh-step__title{font-size:19px;margin:0 0 6px;font-weight:700;}
.mmh-step__text{margin:0;color:var(--mmh-muted);}

/* Pricing */
.mmh-price-card{
	max-width:440px;margin:0 auto;background:#fff;border:1px solid var(--mmh-line);border-radius:22px;
	padding:34px;text-align:center;box-shadow:0 30px 60px -30px rgba(15,23,42,.4);position:relative;
}
.mmh-price-card__badge{
	display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
	color:#fff;background-image:linear-gradient(135deg,var(--mmh-accent),var(--mmh-accent2));
	padding:5px 14px;border-radius:999px;margin-bottom:16px;
}
.mmh-price-card__amount{font-size:56px;font-weight:800;line-height:1;letter-spacing:-.02em;}
.mmh-price-card__note{color:var(--mmh-muted);font-size:14px;margin-top:8px;}
.mmh-price-card__list{list-style:none;margin:24px 0;padding:0;text-align:left;}
.mmh-price-card__list li{position:relative;padding:9px 0 9px 30px;border-bottom:1px solid var(--mmh-line);font-size:15px;}
.mmh-price-card__list li:last-child{border-bottom:0;}
.mmh-price-card__list li::before{
	content:"";position:absolute;left:2px;top:14px;width:16px;height:9px;
	border-left:2.5px solid var(--mmh-accent);border-bottom:2.5px solid var(--mmh-accent);
	transform:rotate(-45deg);
}

/* Quote */
.mmh-quote{max-width:760px;text-align:center;}
.mmh-quote__text{font-size:clamp(20px,2.6vw,28px);font-weight:600;line-height:1.4;letter-spacing:-.01em;margin:0 0 14px;}
.mmh-quote__author{color:var(--mmh-muted);margin:0;font-weight:600;}

/* CTA band */
.mmh-cta{padding:20px 0 72px;}
.mmh-cta__inner{
	background-image:linear-gradient(135deg,var(--mmh-accent),var(--mmh-accent2));
	border-radius:24px;padding:44px 48px;color:#fff;
	display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
	box-shadow:0 30px 60px -28px color-mix(in srgb,var(--mmh-accent) 70%,transparent);
}
.mmh-cta__title{font-size:clamp(24px,3vw,32px);margin:0 0 6px;font-weight:800;}
.mmh-cta__sub{margin:0;opacity:.92;font-size:17px;}

/* Footer */
.mmh-footer{padding:28px 0;border-top:1px solid var(--mmh-line);color:var(--mmh-muted);font-size:14px;text-align:center;}

/* Responsive */
@media (max-width:860px){
	.mmh-hero__grid{grid-template-columns:1fr;gap:36px;}
	.mmh-hero{padding:56px 0 40px;}
	.mmh-grid,.mmh-steps{grid-template-columns:1fr 1fr;}
	.mmh-stats{grid-template-columns:1fr 1fr;}
	.mmh-cta__inner{flex-direction:column;text-align:center;align-items:stretch;}
}
@media (max-width:560px){
	.mmh-grid,.mmh-steps,.mmh-stats{grid-template-columns:1fr;}
	.mmh-cta__inner{padding:32px 24px;}
}

/* Fallback for browsers without color-mix() */
@supports not (color:color-mix(in srgb,#000,#fff)){
	.mmh-eyebrow{background:rgba(37,99,235,.12);}
	.mmh-card__icon{background:rgba(37,99,235,.12);}
}

/* Brand logo (hero) — size set inline, alignment via modifier */
.mmh-logo { display:block; height:auto; width:auto; margin:0 0 20px; }
.mmh-logo--left { margin-left:0; margin-right:auto; }
.mmh-logo--center { margin-left:auto; margin-right:auto; }
.mmh-logo--right { margin-left:auto; margin-right:0; }

/* Free-version download (hero) */
.mmh-free { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:16px 0 0; }
.mmh-free__link {
	display:inline-flex; align-items:center; gap:8px;
	font-weight:700; font-size:15px; text-decoration:none;
	color:var(--mmh-accent);
	padding:8px 14px; border-radius:10px;
	background:color-mix(in srgb,var(--mmh-accent) 10%,transparent);
	transition:background .15s ease, transform .15s ease;
}
.mmh-free__link:hover { background:color-mix(in srgb,var(--mmh-accent) 18%,transparent); transform:translateY(-1px); color:var(--mmh-accent); }
.mmh-free__icon { font-weight:900; }
.mmh-free__note { font-size:13px; color:var(--mmh-muted); }