/* ============================================================
   App Profile (single-app)
   ============================================================ */
.appsinsight-app-single { background:#f7f8fb; }

/* ============================================================
   Hero — calibrated screen slot for mockup.avif (1600×1200)
   Screen inset: left 5.31%, top 3.11%, width 89.50%, height 66% (16:9, top-anchored)
   ============================================================ */
.appsinsight-app-hero {
	position:relative;
	--ai-hero-glass-bg:rgba(255,255,255,.38);
	--ai-hero-glass-bg-strong:rgba(255,255,255,.52);
	--ai-hero-glass-border:rgba(255,255,255,.62);
	--ai-hero-glass-edge:rgba(255,255,255,.88);
	--ai-hero-glass-divider:rgba(255,255,255,.38);
	--ai-hero-glass-blur:blur(28px) saturate(1.65);
	--ai-hero-glass-blur-soft:blur(18px) saturate(1.45);
	--ai-hero-glass-shadow:0 10px 40px rgba(16,24,40,.07), 0 2px 10px rgba(255,59,63,.04);
	--ai-hero-glass-inset:inset 0 1px 0 var(--ai-hero-glass-edge), inset 0 -1px 0 rgba(255,255,255,.18);
	background:
		linear-gradient(135deg, #fff 0%, #fdf8f8 35%, #fff5f6 55%, #fff 100%);
	border-bottom:1px solid rgba(16,24,40,.06);
	padding:28px 0 40px;
	overflow:hidden;
}
.appsinsight-app-hero::after {
	content:"";
	position:absolute;
	bottom:0; left:0; right:0;
	height:48px;
	background:linear-gradient(180deg, transparent 0%, #f7f8fb 100%);
	pointer-events:none;
	z-index:0;
}
.appsinsight-app-hero::before {
	content:"";
	position:absolute;
	top:-80px; right:-60px;
	width:480px; height:480px;
	background:radial-gradient(circle, rgba(255,59,63,.14) 0%, transparent 68%);
	filter:blur(48px);
	pointer-events:none;
	opacity:.7;
	z-index:0;
}
.appsinsight-app-hero > .container { position:relative; z-index:1; }
.appsinsight-app-hero__crumbs { font-size:12.5px; color:var(--ai-app-muted); margin-bottom:22px; }
.appsinsight-app-hero__crumbs a { color:var(--ai-app-muted); text-decoration:none; }
.appsinsight-app-hero__crumbs a:hover { color:var(--ai-app-primary); }

/* Two columns: left panel | mockup */
.appsinsight-app-hero__grid {
	display:grid;
	grid-template-columns:1fr;
	gap:28px;
	align-items:start;
}
@media (min-width:1100px) {
	.appsinsight-app-hero__grid {
		grid-template-columns:minmax(0,1fr) minmax(320px,46%);
		gap:40px 48px;
		align-items:start;
	}
	.appsinsight-app-hero__visual { align-self:center; }
}
.appsinsight-app-hero__panel { min-width:0; }

/* Head block — glass logo left | title + stats right */
.appsinsight-app-hero__head {
	display:grid;
	grid-template-columns:1fr;
	gap:20px;
	align-items:stretch;
	margin-bottom:18px;
}
@media (min-width:640px) {
	.appsinsight-app-hero__head {
		grid-template-columns:auto minmax(0,1fr);
		gap:22px;
	}
}
.appsinsight-app-hero__logo-col {
	display:flex;
	align-items:stretch;
}
.appsinsight-app-hero__logo-card {
	flex-shrink:0;
	width:100%;
	max-width:168px;
	min-height:168px;
	height:100%;
	aspect-ratio:1;
	display:flex; align-items:center; justify-content:center;
	padding:24px;
	background:var(--ai-hero-glass-bg);
	backdrop-filter:var(--ai-hero-glass-blur);
	-webkit-backdrop-filter:var(--ai-hero-glass-blur);
	border:1px solid var(--ai-hero-glass-border);
	border-radius:26px;
	box-shadow:var(--ai-hero-glass-shadow), var(--ai-hero-glass-inset);
}
@media (min-width:640px) {
	.appsinsight-app-hero__logo-card {
		width:auto;
		min-width:168px;
		max-width:200px;
		height:100%;
	}
}
.appsinsight-app-hero__logo-card img {
	width:100%; height:auto; max-width:112px;
	object-fit:contain;
	border-radius:0;
}
.appsinsight-app-hero__logo-fallback { font-size:52px; font-weight:800; color:#94a3b8; }
.appsinsight-app-hero__head-content {
	display:flex;
	flex-direction:column;
	justify-content:center;
	min-width:0;
	gap:0;
}
.appsinsight-app-hero__intro { margin-bottom:12px; }
.appsinsight-app-hero__title { margin:0 0 6px; font-size:clamp(26px,3vw,34px); font-weight:800; letter-spacing:-.02em; line-height:1.15; display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:var(--ai-app-ink); }
.appsinsight-app-hero__tagline { margin:0; font-size:16px; line-height:1.5; color:#4b5563; }

.appsinsight-app-hero__meta-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.appsinsight-app-hero__meta-chip {
	display:inline-flex; align-items:center; gap:6px;
	padding:7px 14px;
	font-size:13px; font-weight:500; color:#374151;
	background:var(--ai-hero-glass-bg);
	backdrop-filter:var(--ai-hero-glass-blur-soft);
	-webkit-backdrop-filter:var(--ai-hero-glass-blur-soft);
	border:1px solid var(--ai-hero-glass-border);
	border-radius:999px;
	box-shadow:0 4px 16px rgba(16,24,40,.04), inset 0 1px 0 var(--ai-hero-glass-edge);
	transition:background .2s ease, border-color .2s ease, transform .15s ease;
}
.appsinsight-app-hero__meta-chip:hover { background:var(--ai-hero-glass-bg-strong); transform:translateY(-1px); }
.appsinsight-app-hero__meta-chip-icon { display:inline-flex; color:var(--ai-app-muted); }
.appsinsight-app-hero__meta-chip--link { text-decoration:none; color:#374151; }
.appsinsight-app-hero__meta-chip--link:hover { color:var(--ai-app-ink); }

.appsinsight-app-hero__status-badges { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:0; }
.appsinsight-app-hero__badge {
	display:inline-flex; align-items:center; gap:5px;
	font-size:12px; font-weight:600;
	padding:6px 13px; border-radius:999px; text-decoration:none;
	backdrop-filter:var(--ai-hero-glass-blur-soft);
	-webkit-backdrop-filter:var(--ai-hero-glass-blur-soft);
	box-shadow:0 4px 14px rgba(16,24,40,.04), inset 0 1px 0 rgba(255,255,255,.55);
	transition:transform .15s ease, box-shadow .2s ease;
}
.appsinsight-app-hero__badge:hover { transform:translateY(-1px); }
.appsinsight-app-hero__badge--cat { color:#475569; background:var(--ai-hero-glass-bg); border:1px solid var(--ai-hero-glass-border); }
.appsinsight-app-hero__badge--award { color:var(--ai-app-accent-gold); background:rgba(254,243,199,.42); border:1px solid rgba(253,230,138,.55); }
.appsinsight-app-hero__badge--featured { color:var(--ai-app-primary); background:rgba(255,59,63,.1); border:1px solid rgba(255,59,63,.22); }
.appsinsight-app-hero__badge--trending { color:#be185d; background:rgba(253,242,248,.48); border:1px solid rgba(251,207,232,.6); }
.appsinsight-app-hero__badge--deal { color:#15803d; background:rgba(240,253,244,.48); border:1px solid rgba(187,247,208,.55); }

/* Stats strip — frosted glass bar with top/bottom edges */
.appsinsight-app-hero__stats {
	display:flex; flex-wrap:wrap; align-items:center;
	gap:0;
	margin-bottom:0;
	padding:16px 20px;
	background:var(--ai-hero-glass-bg);
	backdrop-filter:var(--ai-hero-glass-blur);
	-webkit-backdrop-filter:var(--ai-hero-glass-blur);
	border-radius:18px;
	border:1px solid var(--ai-hero-glass-border);
	border-top:1px solid var(--ai-hero-glass-edge);
	border-bottom:1px solid rgba(255,255,255,.45);
	box-shadow:var(--ai-hero-glass-shadow), var(--ai-hero-glass-inset);
}
.appsinsight-app-hero__stat {
	display:flex; align-items:center; gap:10px;
	padding:4px 24px;
	text-decoration:none;
	color:inherit;
}
.appsinsight-app-hero__stat:first-child { padding-left:0; }
.appsinsight-app-hero__stat:last-child { padding-right:0; }
.appsinsight-app-hero__stat:not(:last-child) {
	border-right:1px solid var(--ai-hero-glass-divider);
}
.appsinsight-app-hero__stat--rank:hover .appsinsight-app-hero__rank-num { color:var(--ai-app-primary); }
.appsinsight-app-hero__stat-body { display:flex; flex-direction:column; gap:2px; min-width:0; }
.appsinsight-app-hero__stat-icon {
	flex-shrink:0;
	display:inline-flex; align-items:center; justify-content:center;
	width:38px; height:38px;
	border-radius:12px;
}
.appsinsight-app-hero__stat-icon--rank {
	color:var(--ai-app-accent-gold);
	background:rgba(254,243,199,.4);
	backdrop-filter:blur(12px) saturate(1.3);
	-webkit-backdrop-filter:blur(12px) saturate(1.3);
	border:1px solid rgba(253,230,138,.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 3px 10px rgba(16,24,40,.04);
}
.appsinsight-app-hero__stat--score {
	padding:4px 0 4px 20px;
}
.appsinsight-app-hero__score-wrap {
	padding:3px;
	border-radius:50%;
	background:rgba(255,255,255,.22);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	border:1px solid rgba(255,255,255,.35);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
@media (max-width:767px) {
	.appsinsight-app-hero__stats { flex-direction:column; align-items:stretch; gap:14px; padding:16px; }
	.appsinsight-app-hero__stat {
		padding:0 0 14px;
		border-right:0 !important;
		border-bottom:1px solid var(--ai-hero-glass-divider);
	}
	.appsinsight-app-hero__stat--score { padding-left:0; }
	.appsinsight-app-hero__stat:last-child { border-bottom:0; padding-bottom:0; }
}

.appsinsight-app-hero__score-ring {
	position:relative;
	width:104px; height:104px;
	flex-shrink:0;
}
.appsinsight-app-hero__score-ring--compact { width:60px; height:60px; }
.appsinsight-app-hero__score-ring svg { display:block; width:100%; height:100%; }
.appsinsight-app-hero__score-ring-bg { fill:none; stroke:#f1f3f8; }
.appsinsight-app-hero__score-ring-fill {
	fill:none; stroke:var(--ai-app-primary); stroke-linecap:round;
	transition:stroke-dashoffset .6s ease;
}
.appsinsight-app-hero__score-ring-label {
	position:absolute; inset:0;
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	text-align:center; pointer-events:none;
}
.appsinsight-app-hero__score-ring-label strong { font-size:22px; line-height:1; color:var(--ai-app-ink); }
.appsinsight-app-hero__score-ring--compact .appsinsight-app-hero__score-ring-label strong { font-size:16px; }
.appsinsight-app-hero__score-ring-label small { font-size:9px; line-height:1.2; color:var(--ai-app-muted); max-width:72px; margin-top:2px; }
.appsinsight-app-hero__stat--score { gap:12px; }
.appsinsight-app-hero__score-wrap { flex-shrink:0; }
.appsinsight-app-hero__score-label { font-size:13px; font-weight:600; color:var(--ai-app-muted); line-height:1.3; max-width:90px; }

.appsinsight-app-hero__stat--rating .appsinsight-app-hero__stat-body { gap:4px; }
.appsinsight-app-hero__rating-stars { margin-bottom:0; }
.appsinsight-app-hero__rating-value { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.appsinsight-app-hero__rating-value strong { font-size:24px; font-weight:800; color:var(--ai-app-ink); line-height:1; }
.appsinsight-app-hero__rating-label { font-size:13px; font-weight:500; color:var(--ai-app-muted); }
.appsinsight-app-hero__review-link { font-size:12px; font-weight:600; color:var(--ai-app-primary); text-decoration:none; }
.appsinsight-app-hero__review-link:hover { text-decoration:underline; }
.appsinsight-app-hero__rank-num { font-size:28px; font-weight:800; line-height:1; color:var(--ai-app-primary); }
.appsinsight-app-hero__rank-text { font-size:13px; font-weight:500; color:var(--ai-app-muted); line-height:1.3; }

.appsinsight-app-hero .appsinsight-star-row { display:flex; gap:3px; align-items:center; line-height:1; }
.appsinsight-app-hero .appsinsight-star-row__star {
	display:block; width:18px; height:17px; position:relative; font-size:16px; line-height:1;
}
.appsinsight-app-hero .appsinsight-star-row__star::before {
	content:'\2605'; position:absolute; left:0; top:0; color:#e5e7eb; line-height:1;
}
.appsinsight-app-hero .appsinsight-star-row__star.is-filled::before,
.appsinsight-app-hero .appsinsight-star-row__star.is-partial::before { color:var(--ai-app-primary); }
.appsinsight-app-hero .appsinsight-star-row__star.is-partial { position:relative; }
.appsinsight-app-hero .appsinsight-star-row__star.is-partial::after {
	content:'\2605'; position:absolute; left:0; top:0; line-height:1;
	color:var(--ai-app-primary);
	clip-path:inset(0 calc(100% - var(--star-fill, 50%)) 0 0);
}

/* Action row — left column only */
.appsinsight-app-hero__actions {
	display:flex; flex-wrap:wrap; gap:12px;
	margin-top:22px;
}
@media (min-width:768px) { .appsinsight-app-hero__actions { flex-wrap:nowrap; } }
.appsinsight-app-hero__cta-primary {
	flex:1.4;
	min-width:min(100%, 200px);
	padding:14px 22px;
	font-size:15px;
	border-radius:12px;
	box-shadow:0 4px 14px rgba(255,59,63,.28);
	justify-content:space-between;
}
.appsinsight-app-hero__cta-primary-inner { display:inline-flex; align-items:center; gap:8px; }
.appsinsight-app-hero__cta-primary:hover { box-shadow:0 6px 20px rgba(255,59,63,.35); }
.appsinsight-app-hero__cta-btn {
	flex:1;
	min-width:min(100%, 150px);
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	padding:14px 18px;
	font-size:14px; font-weight:600; color:var(--ai-app-ink);
	background:var(--ai-hero-glass-bg);
	backdrop-filter:var(--ai-hero-glass-blur-soft);
	-webkit-backdrop-filter:var(--ai-hero-glass-blur-soft);
	border:1px solid var(--ai-hero-glass-border);
	border-radius:12px;
	text-decoration:none; cursor:pointer;
	box-shadow:0 6px 20px rgba(16,24,40,.05), inset 0 1px 0 var(--ai-hero-glass-edge);
	transition:background .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease;
}
.appsinsight-app-hero__cta-btn:hover {
	background:var(--ai-hero-glass-bg-strong);
	border-color:rgba(255,255,255,.75);
	transform:translateY(-1px);
	box-shadow:0 10px 28px rgba(16,24,40,.08), inset 0 1px 0 #fff;
}
.appsinsight-app-hero__share.is-copied { color:var(--ai-app-good); border-color:#bbf7d0; }

/* Device mockup — right column */
.appsinsight-app-hero__visual {
	position:relative;
	display:flex; justify-content:center;
}
@media (min-width:1100px) { .appsinsight-app-hero__visual { justify-content:center; } }
.appsinsight-app-hero__visual::before {
	content:"";
	position:absolute;
	right:0; bottom:5%;
	width:220px; height:220px;
	background:radial-gradient(circle, rgba(255,59,63,.4) 0%, transparent 70%);
	filter:blur(44px);
	opacity:.55;
	pointer-events:none;
	z-index:0;
}
.appsinsight-app-hero__visual::after {
	content:"";
	position:absolute;
	right:20%; top:10%;
	width:180px; height:180px;
	background:radial-gradient(circle, rgba(255,180,190,.45) 0%, transparent 70%);
	filter:blur(40px);
	opacity:.5;
	pointer-events:none;
	z-index:0;
}
.appsinsight-app-hero__mockup {
	position:relative;
	width:100%;
	max-width:580px;
	aspect-ratio:1600/1200;
	filter:drop-shadow(0 16px 40px rgba(16,24,40,.14));
	z-index:1;
	--hero-screen-top:3.11%;
	--hero-screen-left:5.31%;
	--hero-screen-width:89.50%;
	--hero-screen-height:66%;
}
.appsinsight-app-hero__screen {
	position:absolute;
	top:var(--hero-screen-top);
	left:var(--hero-screen-left);
	width:var(--hero-screen-width);
	height:var(--hero-screen-height);
	overflow:hidden;
	z-index:1;
	border-radius:2px;
}
.appsinsight-app-hero__screen-img {
	display:block;
	width:100%; height:100%;
	object-fit:cover;
	object-position:center top;
}
.appsinsight-app-hero__frame {
	position:absolute; inset:0;
	width:100%; height:100%;
	object-fit:contain;
	pointer-events:none;
	z-index:2;
}

/* Glassmorphic trust band — exclusive strip between hero and profile grid */
.appsinsight-app-trust-band {
	position:relative;
	padding:52px 0 36px;
	background:#f7f8fb;
	isolation:isolate;
}
.appsinsight-app-trust-band::before {
	content:"";
	position:absolute;
	top:0; left:0; right:0;
	height:1px;
	background:linear-gradient(90deg, transparent 0%, rgba(16,24,40,.08) 20%, rgba(16,24,40,.08) 80%, transparent 100%);
	pointer-events:none;
}
.appsinsight-app-single .appsinsight-app-trust-band__container {
	position:relative;
	z-index:1;
	width:100%;
	max-width:var(--ai-app-profile-container-max);
	padding-left:clamp(16px, 2vw, 32px);
	padding-right:clamp(16px, 2vw, 32px);
}
.appsinsight-app-trust-band__glass {
	padding:22px clamp(20px, 2.8vw, 36px);
	background:rgba(255,255,255,.78);
	backdrop-filter:blur(32px) saturate(1.5);
	-webkit-backdrop-filter:blur(32px) saturate(1.5);
	border:1px solid rgba(255,255,255,.9);
	border-radius:24px;
	box-shadow:
		0 16px 48px rgba(16,24,40,.09),
		0 4px 16px rgba(255,59,63,.05),
		0 0 0 1px rgba(16,24,40,.04),
		inset 0 1px 0 rgba(255,255,255,1),
		inset 0 -1px 0 rgba(16,24,40,.04);
}
.appsinsight-app-trust-band__list {
	list-style:none; margin:0; padding:0;
	display:grid; gap:18px;
	grid-template-columns:1fr;
}
@media (min-width:640px) { .appsinsight-app-trust-band__list { grid-template-columns:repeat(2,1fr); gap:20px 24px; } }
@media (min-width:1100px) {
	.appsinsight-app-trust-band__list {
		display:flex;
		align-items:center;
		gap:0;
	}
}
.appsinsight-app-trust-band__item {
	display:flex; align-items:center; gap:14px;
	color:#374151;
	flex:1;
	min-width:0;
	padding:4px 0;
}
@media (min-width:1100px) {
	.appsinsight-app-trust-band__item {
		padding:4px clamp(14px, 1.8vw, 24px);
	}
	.appsinsight-app-trust-band__item:first-child { padding-left:0; }
	.appsinsight-app-trust-band__item:last-child { padding-right:0; }
	.appsinsight-app-trust-band__item:not(:last-child) {
		border-right:1px solid rgba(16,24,40,.07);
	}
}
.appsinsight-app-trust-band__icon {
	flex-shrink:0;
	display:inline-flex; align-items:center; justify-content:center;
	width:46px; height:46px;
	color:var(--ai-app-primary);
	background:linear-gradient(145deg, rgba(255,255,255,.92) 0%, rgba(255,245,246,.85) 100%);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	border:1px solid rgba(255,59,63,.1);
	border-radius:14px;
	box-shadow:
		0 3px 12px rgba(16,24,40,.05),
		inset 0 1px 0 rgba(255,255,255,.9);
}
.appsinsight-app-trust-band__copy { display:flex; flex-direction:column; gap:2px; min-width:0; }
.appsinsight-app-trust-band__line1 { font-size:13.5px; font-weight:500; line-height:1.35; color:#374151; }
.appsinsight-app-trust-band__line1 strong { font-weight:700; color:var(--ai-app-ink); }
.appsinsight-app-trust-band__line2 { font-size:12px; line-height:1.35; color:var(--ai-app-muted); }

/* Sticky CTA */
.appsinsight-app-single__sticky {
	position:fixed; top:0; left:0; right:0; z-index:120; background:#fff; border-bottom:1px solid var(--ai-app-border);
	box-shadow:0 6px 20px rgba(16,24,40,.08); transform:translateY(-100%); transition:transform .2s ease; opacity:0;
}
.appsinsight-app-single__sticky.is-visible { transform:translateY(0); opacity:1; }
.appsinsight-app-single__sticky-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 15px; }
.appsinsight-app-single__sticky-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.appsinsight-app-single__sticky-name { font-weight:700; color:var(--ai-app-ink); }
.appsinsight-app-single__sticky-score { font-size:12px; font-weight:700; color:var(--ai-app-primary); background:var(--ai-app-primary-soft); padding:3px 8px; border-radius:999px; }
.appsinsight-app-single__sticky-deal { font-size:11px; font-weight:700; text-transform:uppercase; color:#15803d; background:#f0fdf4; padding:3px 8px; border-radius:999px; }

/* ============================================================
   Layout — 3-column profile grid (nav / main / aside)
   ============================================================ */
:root {
	--ai-app-nav-width:200px;
	--ai-app-aside-width:280px;
	--ai-app-profile-container-max:min(1680px, calc(100vw - 40px));
}

/* Widen the profile shell so side rails sit nearer the edges and the main column breathes. */
.appsinsight-app-single .appsinsight-app-hero > .container,
.appsinsight-app-single .appsinsight-app-profile__body.container,
.appsinsight-app-single .appsinsight-app-single__sticky-inner.container {
	width:100%;
	max-width:var(--ai-app-profile-container-max);
	padding-left:clamp(16px, 2vw, 32px);
	padding-right:clamp(16px, 2vw, 32px);
}

.appsinsight-app-profile__body { padding-top:28px; padding-bottom:50px; }

.appsinsight-app-profile__grid {
	display:grid;
	grid-template-columns:1fr;
	gap:32px;
	align-items:start;
}

.appsinsight-app-profile__main { min-width:0; }
.appsinsight-app-profile__aside { min-width:0; align-self:start; display:flex; flex-direction:column; gap:18px; }

/* Desktop: slim fixed side rails; center column takes all remaining width */
@media (min-width:1100px) {
	.appsinsight-app-profile__grid--has-sidebar {
		grid-template-columns:
			minmax(180px, var(--ai-app-nav-width))
			minmax(0, 1fr)
			minmax(240px, var(--ai-app-aside-width));
		gap:24px 28px;
	}
}

/* Ultra-wide: tuck rails to the edges and give overview maximum line length */
@media (min-width:1400px) {
	:root {
		--ai-app-nav-width:190px;
		--ai-app-aside-width:270px;
	}

	.appsinsight-app-profile__grid--has-sidebar {
		gap:24px 32px;
	}
}

/* Tablet: nav + main; aside drops full-width below */
@media (min-width:992px) and (max-width:1099.98px) {
	.appsinsight-app-profile__grid--has-sidebar {
		grid-template-columns:minmax(190px, var(--ai-app-nav-width)) minmax(0,1fr);
	}
	.appsinsight-app-profile__aside { grid-column:1 / -1; max-width:680px; }
}

/* Mobile: single column; main first, aside after */
@media (max-width:991.98px) {
	.appsinsight-app-profile__grid--has-sidebar { grid-template-columns:minmax(0,1fr); }
	.appsinsight-app-profile__nav { display:none; }
	.appsinsight-app-profile__main { order:1; }
	.appsinsight-app-profile__aside { order:2; max-width:100%; }
}

/* Left nav (sticky "On this page" + CTA) */
.appsinsight-app-nav { position:sticky; top:80px; background:#fff; border:1px solid var(--ai-app-border); border-radius:var(--ai-app-radius); padding:16px; box-shadow:var(--ai-app-shadow); }
.appsinsight-app-nav__label { margin:0 0 10px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--ai-app-muted); }
.appsinsight-app-nav__list { list-style:none; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:2px; }
.appsinsight-app-nav__link { display:block; padding:8px 12px; border-radius:8px; font-size:13.5px; font-weight:600; color:#475569; text-decoration:none; border-left:2px solid transparent; transition:background .15s ease, color .15s ease; }
.appsinsight-app-nav__link:hover { background:var(--ai-app-primary-soft); color:var(--ai-app-primary); }
.appsinsight-app-nav__link.is-active { background:var(--ai-app-primary-soft); color:var(--ai-app-primary); border-left-color:var(--ai-app-primary); }
.appsinsight-app-nav__cta { display:flex; flex-direction:column; gap:8px; border-top:1px solid var(--ai-app-border); padding-top:14px; }

/* Mobile chip strip (replaces the old horizontal tabs) */
.appsinsight-app-profile__mobile-nav { position:sticky; top:0; z-index:30; background:#f7f8fb; border-bottom:1px solid var(--ai-app-border); }
.appsinsight-app-profile__mobile-nav-scroll { display:flex; gap:6px; overflow-x:auto; padding:10px 15px; -webkit-overflow-scrolling:touch; }
.appsinsight-app-chip { white-space:nowrap; padding:7px 14px; border-radius:999px; font-size:13px; font-weight:600; color:#475569; text-decoration:none; background:#fff; border:1px solid var(--ai-app-border); }
.appsinsight-app-chip:hover { color:var(--ai-app-primary); }
.appsinsight-app-chip.is-active { background:var(--ai-app-primary); border-color:var(--ai-app-primary); color:#fff; }
@media (min-width:992px) { .appsinsight-app-profile__mobile-nav { display:none; } }

/* Buttons used by the nav CTA */
.appsinsight-btn--block { display:flex; align-items:center; justify-content:center; width:100%; text-align:center; }

/* "Added by" author card */
.appsinsight-app-author-card__head { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.appsinsight-app-author-card__avatar { flex:0 0 auto; }
.appsinsight-app-author-card__avatar-img { width:48px; height:48px; border-radius:50%; display:block; }
.appsinsight-app-author-card__meta { min-width:0; display:flex; flex-direction:column; gap:2px; }
.appsinsight-app-author-card__name { font-weight:700; font-size:14.5px; color:var(--ai-app-ink); text-decoration:none; }
.appsinsight-app-author-card__name:hover { color:var(--ai-app-primary); }
.appsinsight-app-author-card__position { font-size:12.5px; color:var(--ai-app-muted); }
.appsinsight-app-author-card__bio { margin:0 0 12px; font-size:13px; line-height:1.6; color:#475569; }
.appsinsight-app-author-card__profile { display:inline-block; font-size:13px; font-weight:600; color:var(--ai-app-primary); text-decoration:none; }
.appsinsight-app-author-card__social { list-style:none; margin:12px 0 0; padding:0; display:flex; gap:8px; flex-wrap:wrap; }
.appsinsight-app-author-card__social a { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; border:1px solid var(--ai-app-border); color:#475569; text-decoration:none; }
.appsinsight-app-author-card__social a:hover { background:var(--ai-app-primary-soft); color:var(--ai-app-primary); border-color:var(--ai-app-primary-border); }

/* Sections */
.appsinsight-app-section { background:#fff; border:1px solid var(--ai-app-border); border-radius:var(--ai-app-radius); padding:22px; margin-bottom:18px; box-shadow:var(--ai-app-shadow); }
.appsinsight-app-section__title { margin:0 0 14px; font-size:20px; color:var(--ai-app-ink); }
.appsinsight-app-section__head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.appsinsight-app-section__head .appsinsight-app-section__title { margin:0; }
.appsinsight-app-section__more { font-size:13px; font-weight:600; color:var(--ai-app-primary); text-decoration:none; }

/* Overview — editorial blocks */
.appsinsight-app-overview__block { margin-bottom:22px; padding-bottom:22px; border-bottom:1px solid var(--ai-app-border); }
.appsinsight-app-overview__block:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.appsinsight-app-overview__lead { margin:0; font-size:17px; line-height:1.65; color:#374151; max-width:var(--ai-app-prose-max); }
.appsinsight-app-overview__subtitle { margin:0 0 12px; font-size:17px; color:var(--ai-app-ink); }
.appsinsight-app-overview__media { margin-top:16px; border-radius:12px; overflow:hidden; border:1px solid var(--ai-app-border); }
.appsinsight-app-overview__media-link { display:block; }
.appsinsight-app-overview__media img { width:100%; display:block; }
.appsinsight-app-overview__embed { aspect-ratio:16/9; }
.appsinsight-app-overview__embed iframe { width:100%; height:100%; border:0; }
.appsinsight-app-overview__ai { background:var(--ai-app-surface-muted); padding:16px; border-radius:10px; border:1px solid var(--ai-app-border); }
.appsinsight-app-overview__methodology, .appsinsight-app-overview__changelog { background:var(--ai-app-surface-editorial); padding:16px; border-radius:10px; }

/* Verdict card */
.appsinsight-app-verdict { padding:18px 18px 18px 20px; background:var(--ai-app-surface-editorial); border:1px solid var(--ai-app-border); border-left:4px solid var(--ai-app-primary); border-radius:10px; }
.appsinsight-app-verdict__body { color:#374151; line-height:1.7; }
.appsinsight-app-verdict__meta { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:14px; padding-top:12px; border-top:1px dashed var(--ai-app-border); font-size:12.5px; color:var(--ai-app-muted); }
.appsinsight-app-verdict__author a { font-weight:600; color:var(--ai-app-primary); text-decoration:none; }
.appsinsight-app-verdict__author em { font-style:normal; color:var(--ai-app-muted); }

/* Audience chips */
.appsinsight-app-audience { display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:640px) { .appsinsight-app-audience { grid-template-columns:1fr 1fr; } }
.appsinsight-app-audience__col h4 { margin:0 0 10px; font-size:14px; color:var(--ai-app-ink); }
.appsinsight-app-audience__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.appsinsight-app-audience__chip { display:flex; align-items:flex-start; gap:8px; padding:8px 12px; background:var(--ai-app-surface-muted); border:1px solid var(--ai-app-border); border-radius:8px; font-size:13.5px; }
.appsinsight-app-audience__chip span { flex:0 0 auto; font-weight:700; }
.appsinsight-app-audience__chip.is-good span { color:var(--ai-app-good); }
.appsinsight-app-audience__chip.is-bad span { color:var(--ai-app-bad); }

/* At a glance table */
.appsinsight-app-glance { width:100%; border-collapse:collapse; font-size:13.5px; }
.appsinsight-app-glance th, .appsinsight-app-glance td { padding:10px 12px; border-bottom:1px solid var(--ai-app-border); text-align:left; }
.appsinsight-app-glance th { width:38%; color:var(--ai-app-muted); font-weight:600; }

/* Score breakdown */
.appsinsight-app-score-breakdown { margin-top:16px; display:flex; flex-direction:column; gap:8px; }
.appsinsight-app-score-breakdown__row { display:grid; grid-template-columns:120px 1fr 40px; gap:10px; align-items:center; font-size:12.5px; }
.appsinsight-app-score-breakdown__bar { height:8px; background:var(--ai-app-surface-muted); border-radius:999px; overflow:hidden; }
.appsinsight-app-score-breakdown__bar span { display:block; height:100%; background:var(--ai-app-primary); border-radius:999px; }

/* Prose typography */
.appsinsight-app-prose { line-height:1.75; color:#374151; }
.appsinsight-app-prose > p, .appsinsight-app-prose__desc > p { max-width:var(--ai-app-prose-max); }
.appsinsight-app-prose h2 { font-size:1.35rem; margin:1.75rem 0 .75rem; color:var(--ai-app-ink); }
.appsinsight-app-prose h3 { font-size:1.15rem; margin:1.5rem 0 .5rem; color:var(--ai-app-ink); }
.appsinsight-app-prose ul, .appsinsight-app-prose ol { margin:0 0 1rem; padding-left:1.4rem; max-width:var(--ai-app-prose-max); }
.appsinsight-app-prose li { margin-bottom:.35rem; }
.appsinsight-app-prose blockquote { margin:1rem 0; padding:12px 16px; border-left:3px solid var(--ai-app-primary); background:var(--ai-app-surface-editorial); font-style:italic; }
.appsinsight-app-prose a { color:var(--ai-app-primary); }
.appsinsight-app-prose__checkbox { position:absolute; opacity:0; pointer-events:none; }
.appsinsight-app-prose__desc-wrap .appsinsight-app-prose__desc--full { display:none; }
.appsinsight-app-prose__excerpt-body > *:last-child { display:inline; margin-bottom:0; }
.appsinsight-app-prose__tail { display:inline; white-space:nowrap; }
.appsinsight-app-prose__toggle { cursor:pointer; color:var(--ai-app-primary); font-weight:700; margin-left:.2em; }
.appsinsight-app-prose__checkbox:checked ~ .appsinsight-app-prose__desc--excerpt { display:none; }
.appsinsight-app-prose__checkbox:checked ~ .appsinsight-app-prose__desc--full { display:block; }

/* Phase 2 sections */
.appsinsight-app-integrations__grid { display:flex; flex-wrap:wrap; gap:8px; }
.appsinsight-app-integrations__tag { display:inline-flex; padding:6px 12px; border:1px solid var(--ai-app-border); border-radius:999px; font-size:13px; font-weight:600; color:#475569; text-decoration:none; background:#fff; }
.appsinsight-app-integrations__tag:hover { border-color:var(--ai-app-primary); color:var(--ai-app-primary); }
.appsinsight-app-use-cases__grid { display:grid; gap:12px; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); }
.appsinsight-app-use-cases__card { padding:14px; border:1px solid var(--ai-app-border); border-radius:10px; background:var(--ai-app-surface-editorial); }
.appsinsight-app-use-cases__card h3 { margin:0; font-size:14px; }
.appsinsight-app-mini-compare { overflow-x:auto; }
.appsinsight-app-mini-compare table { width:100%; border-collapse:collapse; font-size:13px; min-width:520px; }
.appsinsight-app-mini-compare th, .appsinsight-app-mini-compare td { padding:10px 12px; border:1px solid var(--ai-app-border); text-align:left; }
.appsinsight-app-mini-compare th { background:var(--ai-app-surface-muted); }
.appsinsight-app-mini-compare__foot { margin-top:12px; font-size:13px; }
.appsinsight-app-highlights__list { display:grid; gap:14px; }
.appsinsight-app-highlight { padding:16px; border:1px solid var(--ai-app-border); border-radius:10px; background:var(--ai-app-surface-editorial); }
.appsinsight-app-highlight__quote { margin:0 0 8px; font-size:15px; line-height:1.6; font-style:italic; }
.appsinsight-app-highlight__meta { font-size:12.5px; color:var(--ai-app-muted); }
.appsinsight-app-related__grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); margin-bottom:16px; }
.appsinsight-app-related__links { display:flex; gap:10px; flex-wrap:wrap; }

/* Rating distribution */
.appsinsight-app-reviews__distribution { margin:0 0 18px; display:flex; flex-direction:column; gap:6px; max-width:360px; }
.appsinsight-app-reviews__dist-row { display:grid; grid-template-columns:48px 1fr 32px; gap:8px; align-items:center; font-size:12.5px; }
.appsinsight-app-reviews__dist-bar { height:8px; background:var(--ai-app-surface-muted); border-radius:999px; overflow:hidden; }
.appsinsight-app-reviews__dist-bar span { display:block; height:100%; background:var(--ai-app-primary); }

/* Lightbox */
.appsinsight-app-lightbox { position:fixed; inset:0; z-index:200; background:rgba(15,23,42,.85); display:none; align-items:center; justify-content:center; padding:24px; }
.appsinsight-app-lightbox.is-open { display:flex; }
.appsinsight-app-lightbox img { max-width:100%; max-height:90vh; border-radius:8px; }
.appsinsight-app-lightbox__close { position:absolute; top:16px; right:16px; background:#fff; border:0; border-radius:8px; padding:8px 12px; cursor:pointer; font-weight:700; }

/* Scroll reveal */
@media (prefers-reduced-motion: no-preference) {
	.appsinsight-app-section { opacity:1; transform:none; transition:opacity .4s ease, transform .4s ease; }
	.appsinsight-app-section.is-reveal-pending { opacity:0; transform:translateY(12px); }
	.appsinsight-app-section.is-reveal-visible { opacity:1; transform:none; }
}

/* Accordion */
.appsinsight-app-accordion { display:flex; flex-direction:column; gap:8px; }
.appsinsight-app-accordion__item { border:1px solid var(--ai-app-border); border-radius:10px; overflow:hidden; background:#fff; }
.appsinsight-app-accordion__item summary { cursor:pointer; padding:13px 16px; font-weight:600; display:flex; align-items:center; gap:10px; list-style:none; }
.appsinsight-app-accordion__item summary::-webkit-details-marker { display:none; }
.appsinsight-app-accordion__item[open] summary { border-bottom:1px solid var(--ai-app-border); }
.appsinsight-app-accordion__icon { font-size:18px; }
.appsinsight-app-accordion__body { padding:13px 16px; color:#475569; line-height:1.65; }

/* Benefits */
.appsinsight-app-benefits { margin-top:18px; }
.appsinsight-app-benefits ul { display:grid; gap:8px; grid-template-columns:1fr; padding-left:18px; }
@media (min-width:640px){ .appsinsight-app-benefits ul { grid-template-columns:1fr 1fr; } }

/* Pricing */
.appsinsight-app-pricing__flags { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.appsinsight-app-pricing__grid { display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); }
.appsinsight-app-pricing__card { border:1px solid var(--ai-app-border); border-radius:12px; padding:16px; }
.appsinsight-app-pricing__name { margin:0 0 6px; font-size:16px; }
.appsinsight-app-pricing__price { margin:0; font-size:24px; font-weight:800; }
.appsinsight-app-pricing__price small { font-size:13px; font-weight:500; color:var(--ai-app-muted); }
.appsinsight-app-pricing__annual { margin:2px 0 10px; font-size:12.5px; color:var(--ai-app-muted); }
.appsinsight-app-pricing__feats { margin:0; padding-left:18px; color:#475569; font-size:13.5px; }

/* Pros & cons */
.appsinsight-app-proscons__grid { display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:640px){ .appsinsight-app-proscons__grid { grid-template-columns:1fr 1fr; } }
.appsinsight-app-proscons__col { padding:16px; border-radius:12px; border:1px solid var(--ai-app-border); }
.appsinsight-app-proscons__col.is-pros { background:#f0fdf4; border-color:#bbf7d0; }
.appsinsight-app-proscons__col.is-cons { background:#fef2f2; border-color:#fecaca; }
.appsinsight-app-proscons__col h3 { margin:0 0 10px; font-size:16px; }
.appsinsight-app-proscons__col ul { margin:0; padding-left:18px; line-height:1.7; }

/* Screenshots */
.appsinsight-app-screenshots__grid { display:grid; gap:12px; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); }
.appsinsight-app-screenshots__item img { width:100%; border-radius:10px; border:1px solid var(--ai-app-border); display:block; }
.appsinsight-app-screenshots__videos { margin-top:18px; display:grid; gap:16px; }
.appsinsight-app-screenshots__embed { position:relative; aspect-ratio:16/9; }
.appsinsight-app-screenshots__embed iframe { width:100%; height:100%; border:0; border-radius:10px; }

/* Sidebar widgets */
.appsinsight-app-widget { background:#fff; border:1px solid var(--ai-app-border); border-radius:var(--ai-app-radius); padding:18px; box-shadow:var(--ai-app-shadow); }
.appsinsight-app-widget__title { margin:0 0 12px; font-size:15px; }
.appsinsight-app-facts__list { list-style:none; margin:0; padding:0; }
.appsinsight-app-facts__list li { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px dashed var(--ai-app-border); font-size:13.5px; }
.appsinsight-app-facts__list li:last-child { border-bottom:0; }
.appsinsight-app-facts__list span { color:var(--ai-app-muted); }
.appsinsight-app-compare-with__list, .appsinsight-app-social__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.appsinsight-app-compare-with__list a { color:var(--ai-app-primary); text-decoration:none; font-size:13.5px; }
.appsinsight-app-social__list { flex-direction:row; flex-wrap:wrap; }
.appsinsight-app-social__list a { font-size:12.5px; padding:5px 10px; border:1px solid var(--ai-app-border); border-radius:8px; text-decoration:none; color:#374151; }

/* Related interlinks */
.appsinsight-app-related-links__row { display:flex; gap:10px; flex-wrap:wrap; }