<?php
/**
 * The single place that knows what this build does not include.
 *
 * Screens that pointed at removed workspaces would otherwise be dead ends —
 * WordPress answers an unregistered page with "Sorry, you are not allowed to
 * access this page", which reads as a broken plugin rather than a missing
 * feature. Every such place routes through here instead: the feature is shown,
 * and shown well enough that somebody can decide whether they want it.
 *
 * Nothing here is a disabled control. A greyed-out button invites clicking and
 * reads as crippleware; a preview of the screen reads as a product.
 *
 * ON THE PREVIEWS
 *
 * Metadata and Schema use small bundled screenshots from the real Pro workspaces
 * so the upgrade screen shows the product rather than an abstract mock-up. Local
 * keeps the SVG diagram until that workspace's current redesign is approved. A
 * filtered URL still wins, so sites can replace any preview without editing this
 * class. The bundled images load only on these plugin-owned upsell screens.
 *
 * SCOPE
 *
 * Guideline 11 asks that upgrade prompts stay limited in scope: this appears
 * only on the plugin's own screens, only where the feature would have been,
 * and never as an admin-wide notice.
 *
 * @package AI_O_Optimiser
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

class AI_O_Optimiser_Pro_Features {

	/** Where every upgrade link points. */
	public static function upgrade_url() {
		return (string) apply_filters( 'ai_o_optimiser_pro_upgrade_url', 'https://ai-o.com.au/ai-o-optimiser/' );
	}

	/**
	 * Price shown beneath the upgrade button.
	 *
	 * Deliberately a "from" price with no offer, discount or deadline in it.
	 * Anything time-limited or quantity-limited belongs on the pricing page,
	 * not in a plugin: an installed copy keeps showing whatever it shipped
	 * with, and older versions in the directory keep showing it forever.
	 * Filterable so a site or a future build can change it without a release.
	 */
	public static function price_line() {
		return (string) apply_filters(
			'ai_o_optimiser_pro_price_line',
			__( 'From A$99 a year for one site. Full pricing on the website.', 'ai-o-optimiser' )
		);
	}

	/**
	 * The workspaces this build does not carry.
	 *
	 * Each leads with the problem rather than the feature, because the reader
	 * is a business owner deciding whether this is worth money, not a
	 * specialist reading a feature list.
	 *
	 * @return array
	 */
	public static function features() {
		return array(
			'metadata' => array(
				'title'    => __( 'Metadata', 'ai-o-optimiser' ),
				'eyebrow'  => __( 'See what needs fixing', 'ai-o-optimiser' ),
				'headline' => __( 'Find and fix metadata issues across your whole site.', 'ai-o-optimiser' ),
				'cta'      => __( 'Get Metadata with Pro', 'ai-o-optimiser' ),
				'caption'  => __( 'Representative AI-O Optimiser Pro Metadata workspace — figures illustrative.', 'ai-o-optimiser' ),
				'card'     => __( 'Every page has a headline in Google. Most sites have dozens that are missing, cut off, or identical to each other.', 'ai-o-optimiser' ),
				'hook'     => __( 'Every page has a headline in Google. Most sites have dozens that are missing, cut off, or identical to each other.', 'ai-o-optimiser' ),
				'cost'     => __( 'Scan the site, turn findings into a reviewable queue, and use real search evidence to decide what deserves attention first.', 'ai-o-optimiser' ),
				'workflow' => array(
					__( 'Scan', 'ai-o-optimiser' ),
					__( 'Generate', 'ai-o-optimiser' ),
					__( 'Review', 'ai-o-optimiser' ),
					__( 'Apply', 'ai-o-optimiser' ),
				),
				'benefits' => array(
					array(
						'icon'  => 'search',
						'title' => __( 'Metadata scan', 'ai-o-optimiser' ),
						'text'  => __( 'Find weak or missing titles, descriptions and focus keywords across the site.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'list-view',
						'title' => __( 'Review queue', 'ai-o-optimiser' ),
						'text'  => __( 'Generate, review, approve or retry suggestions through an operational workflow.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'chart-line',
						'title' => __( 'Search opportunities', 'ai-o-optimiser' ),
						'text'  => __( 'Use Search Console and Bing evidence to identify pages and queries already close to earning more visibility.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'category',
						'title' => __( 'Category and content opportunities', 'ai-o-optimiser' ),
						'text'  => __( 'Keep archives purposeful and surface content opportunities from real search demand.', 'ai-o-optimiser' ),
					),
				),
			),
			'schema'   => array(
				'title'    => __( 'Schema', 'ai-o-optimiser' ),
				'eyebrow'  => __( 'See what Google actually receives', 'ai-o-optimiser' ),
				'headline' => __( 'Find schema conflicts on the finished page, then fix the real gaps.', 'ai-o-optimiser' ),
				'cta'      => __( 'Get Schema with Pro', 'ai-o-optimiser' ),
				'caption'  => __( 'Representative AI-O Optimiser Pro Schema workspace — figures illustrative.', 'ai-o-optimiser' ),
				'card'     => __( 'A hidden description of your business sits behind every page. Your SEO plugin, your theme and your store plugin each write their own, and they disagree.', 'ai-o-optimiser' ),
				'hook'     => __( 'Behind every page is a hidden description of your business that Google and AI assistants read.', 'ai-o-optimiser' ),
				'cost'     => __( 'Audit the rendered page, identify which provider owns each schema type, fix genuine gaps and verify the public JSON-LD after the change.', 'ai-o-optimiser' ),
				'workflow' => array(
					__( 'Audit', 'ai-o-optimiser' ),
					__( 'Issues', 'ai-o-optimiser' ),
					__( 'Fix', 'ai-o-optimiser' ),
					__( 'Verify', 'ai-o-optimiser' ),
				),
				'benefits' => array(
					array(
						'icon'  => 'visibility',
						'title' => __( 'Audit finished pages', 'ai-o-optimiser' ),
						'text'  => __( 'Read the schema Google and AI systems can actually see, not just what a plugin says it generated.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'warning',
						'title' => __( 'Find conflicts', 'ai-o-optimiser' ),
						'text'  => __( 'Show where themes, SEO plugins and commerce plugins describe the same page differently.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'admin-plugins',
						'title' => __( 'Respect native schema', 'ai-o-optimiser' ),
						'text'  => __( 'Leave correct Rank Math, Yoast, WooCommerce and theme output alone instead of duplicating it.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'yes-alt',
						'title' => __( 'Verify the fix', 'ai-o-optimiser' ),
						'text'  => __( 'Recheck the live page after remediation before calling an issue resolved.', 'ai-o-optimiser' ),
					),
				),
			),
			'local'    => array(
				'title'    => __( 'Business details (NAP)', 'ai-o-optimiser' ),
				'eyebrow'  => __( 'Keep business identity consistent', 'ai-o-optimiser' ),
				'headline' => __( 'Keep your name, address and phone aligned across the places that matter.', 'ai-o-optimiser' ),
				'cta'      => __( 'Get NAP management with Pro', 'ai-o-optimiser' ),
				'caption'  => __( 'The same three details, as three different sources hold them', 'ai-o-optimiser' ),
				'card'     => __( 'Your name, address and phone drift apart across your site, Google and every directory that lists you. This finds the mismatches and keeps track of them.', 'ai-o-optimiser' ),
				'hook'     => __( 'Your name, address and phone number - your NAP - appear in your footer, on your contact page, inside your structured data, and on every directory that has ever listed you.', 'ai-o-optimiser' ),
				'cost'     => __( 'Confirm the business baseline once, compare it with your own site and external listings, then keep a review trail for the differences that need attention.', 'ai-o-optimiser' ),
				'workflow' => array(
					__( 'Confirm', 'ai-o-optimiser' ),
					__( 'Compare', 'ai-o-optimiser' ),
					__( 'Review', 'ai-o-optimiser' ),
					__( 'Recheck', 'ai-o-optimiser' ),
				),
				'benefits' => array(
					array(
						'icon'  => 'businessperson',
						'title' => __( 'Confirm your baseline', 'ai-o-optimiser' ),
						'text'  => __( 'Set the business name, address and phone that other sources should match.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'location',
						'title' => __( 'Compare important sources', 'ai-o-optimiser' ),
						'text'  => __( 'Review your site, Google Business Profile and the directories that matter to the business.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'search',
						'title' => __( 'Review mismatches', 'ai-o-optimiser' ),
						'text'  => __( 'Separate genuine inconsistencies from items that need manual confirmation or call-tracking context.', 'ai-o-optimiser' ),
					),
					array(
						'icon'  => 'update',
						'title' => __( 'Keep a follow-up trail', 'ai-o-optimiser' ),
						'text'  => __( 'Record what was confirmed, rejected or could not be verified so drift can be checked again later.', 'ai-o-optimiser' ),
					),
				),
			),
		);
	}

	/** Menu callback for the Metadata workspace. */
	public static function render_workspace_metadata() {
		self::render_workspace( 'metadata' );
	}

	/** Menu callback for the Schema workspace. */
	public static function render_workspace_schema() {
		self::render_workspace( 'schema' );
	}

	/** Menu callback for the NAP workspace. */
	public static function render_workspace_local() {
		self::render_workspace( 'local' );
	}

	/**
	 * Render a workspace as a preview of what the paid version does.
	 *
	 * @param string $key Feature key.
	 * @return void
	 */
	public static function render_workspace( $key ) {
		$features = self::features();

		if ( ! isset( $features[ $key ] ) ) {
			return;
		}

		$feature = $features[ $key ];
		?>
		<div class="wrap ai-o-optimiser-wrap ai-o-optimiser-pro">
			<h1><?php echo esc_html( $feature['title'] ); ?></h1>

			<div class="ai-o-optimiser-pro-hero">
				<div class="ai-o-optimiser-pro-hero__copy">
					<p class="ai-o-optimiser-pro-eyebrow"><?php echo esc_html( $feature['eyebrow'] ); ?></p>
					<h2 class="ai-o-optimiser-pro-headline"><?php echo esc_html( $feature['headline'] ); ?></h2>
					<p class="ai-o-optimiser-pro-cost"><?php echo esc_html( $feature['cost'] ); ?></p>

					<div class="ai-o-optimiser-pro-workflow" aria-label="<?php esc_attr_e( 'Pro workflow', 'ai-o-optimiser' ); ?>">
						<?php foreach ( $feature['workflow'] as $step_index => $step ) : ?>
							<span class="ai-o-optimiser-pro-workflow__step"><?php echo esc_html( $step ); ?></span>
							<?php if ( $step_index < count( $feature['workflow'] ) - 1 ) : ?>
								<span class="ai-o-optimiser-pro-workflow__arrow" aria-hidden="true">→</span>
							<?php endif; ?>
						<?php endforeach; ?>
					</div>

					<div class="ai-o-optimiser-pro-benefits">
						<?php foreach ( $feature['benefits'] as $benefit ) : ?>
							<div class="ai-o-optimiser-pro-benefit">
								<span class="ai-o-optimiser-pro-benefit__icon dashicons dashicons-<?php echo esc_attr( $benefit['icon'] ); ?>" aria-hidden="true"></span>
								<span class="ai-o-optimiser-pro-benefit__copy">
									<strong><?php echo esc_html( $benefit['title'] ); ?></strong>
									<span><?php echo esc_html( $benefit['text'] ); ?></span>
								</span>
							</div>
						<?php endforeach; ?>
					</div>

					<p class="ai-o-optimiser-pro-actions">
						<a class="button button-primary button-hero" href="<?php echo esc_url( self::upgrade_url() ); ?>" target="_blank" rel="noopener noreferrer"><?php echo esc_html( $feature['cta'] ); ?></a>
						<a class="ai-o-optimiser-pro-secondary" href="<?php echo esc_url( self::upgrade_url() ); ?>" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'See everything included in Pro →', 'ai-o-optimiser' ); ?></a>
					</p>

					<p class="ai-o-optimiser-pro-price"><?php echo esc_html( self::price_line() ); ?></p>
					<p class="ai-o-optimiser-pro-reassure"><?php esc_html_e( 'AI-O Optimiser Pro is a separate plugin. This free version keeps working exactly as it does now, with or without it.', 'ai-o-optimiser' ); ?></p>
				</div>

				<div class="ai-o-optimiser-pro-hero__art">
					<?php self::render_preview( $key, $feature['title'] ); ?>
					<span class="ai-o-optimiser-pro-caption">
						<?php
						echo esc_html(
							! empty( $feature['caption'] )
								? $feature['caption']
								: __( 'How the workspace is laid out', 'ai-o-optimiser' )
						);
						?>
					</span>
				</div>
			</div>

			<div class="ai-o-optimiser-pro-more">
				<h2><?php esc_html_e( 'Also in Pro', 'ai-o-optimiser' ); ?></h2>
				<div class="ai-o-optimiser-pro-more__grid">
					<?php
					foreach ( self::features() as $other_key => $other ) :
						if ( $other_key === $key ) {
							continue;
						}
						?>
						<div class="ai-o-optimiser-pro-more__item">
							<strong><?php echo esc_html( $other['title'] ); ?></strong>
							<span><?php echo esc_html( ! empty( $other['card'] ) ? $other['card'] : $other['hook'] ); ?></span>
						</div>
					<?php endforeach; ?>
					<div class="ai-o-optimiser-pro-more__item">
						<strong><?php esc_html_e( 'Traffic evidence', 'ai-o-optimiser' ); ?></strong>
						<span><?php esc_html_e( 'Pulls your Search Console figures in for you instead of you typing them by hand, and can send AI visibility events into GA4.', 'ai-o-optimiser' ); ?></span>
					</div>
				</div>
			</div>

			<p class="description">
				<?php
				printf(
					/* translators: %s: link to the dashboard. */
					esc_html__( 'Everything this free version does is on the %s.', 'ai-o-optimiser' ),
					'<a href="' . esc_url( admin_url( 'admin.php?page=ai-o-optimiser-dashboard' ) ) . '">' . esc_html__( 'dashboard', 'ai-o-optimiser' ) . '</a>'
				);
				?>
			</p>
		</div>
		<?php
	}

	/**
	 * The preview image for a feature.
	 *
	 * A filtered URL wins if one is supplied, so real screenshots can replace
	 * the drawings without touching this class.
	 *
	 * @param string $key   Feature key.
	 * @param string $title Feature title, for the accessible label.
	 * @return void
	 */
	private static function render_preview( $key, $title ) {
		$image = (string) apply_filters( 'ai_o_optimiser_pro_feature_image', '', $key );
		$width = 0;
		$height = 0;

		if ( '' === $image ) {
			$bundled = self::bundled_preview( $key );
			if ( $bundled ) {
				$image  = $bundled['url'];
				$width  = $bundled['width'];
				$height = $bundled['height'];
			}
		}

		if ( '' !== $image ) {
			printf(
				'<img class="ai-o-optimiser-pro-shot" src="%s" alt="%s"%s decoding="async">',
				esc_url( $image ),
				/* translators: %s: feature name. */
				esc_attr( sprintf( __( 'The %s workspace in AI-O Optimiser Pro', 'ai-o-optimiser' ), $title ) ),
				$width && $height ? ' width="' . (int) $width . '" height="' . (int) $height . '"' : ''
			);
			return;
		}

		/* translators: %s: feature name. */
		$label = sprintf( __( 'Diagram of the %s workspace layout', 'ai-o-optimiser' ), $title );

		echo '<svg class="ai-o-optimiser-pro-art" viewBox="0 0 320 200" role="img" aria-label="' . esc_attr( $label ) . '">';
		echo '<rect x="0" y="0" width="320" height="200" fill="#ffffff" stroke="#d8d5d2"/>';
		echo '<rect x="0" y="0" width="320" height="18" fill="#f3f2f2"/>';
		echo '<circle cx="10" cy="9" r="2.5" fill="#d8d5d2"/><circle cx="19" cy="9" r="2.5" fill="#d8d5d2"/><circle cx="28" cy="9" r="2.5" fill="#d8d5d2"/>';

		if ( 'metadata' === $key ) {
			$rows = array( array( 'crit', 'crit' ), array( 'ok', 'crit' ), array( 'warn', 'ok' ), array( 'warn', 'warn' ), array( 'ok', 'ok' ), array( 'ok', 'ok' ) );
			echo '<rect x="14" y="28" width="90" height="7" fill="#201e1d"/>';
			echo '<rect x="236" y="27" width="70" height="9" fill="#1bc9a6"/>';
			$y = 50;
			foreach ( $rows as $row ) {
				echo '<rect x="14" y="' . (int) $y . '" width="104" height="6" fill="#c9c5c2"/>';
				$x = 168;
				foreach ( $row as $state ) {
					echo '<rect x="' . (int) $x . '" y="' . (int) ( $y - 3 ) . '" width="64" height="12" fill="' . esc_attr( self::state_fill( $state ) ) . '" stroke="' . esc_attr( self::state_line( $state ) ) . '"/>';
					$x += 74;
				}
				$y += 22;
			}
		} elseif ( 'schema' === $key ) {
			/*
			 * Two sources describing one page, and the disagreement between them.
			 *
			 * This was drawn without a single word on it, and read as abstract
			 * shapes to the first person who opened it -- which is a fair verdict
			 * on a diagram whose whole point is *who* disagrees with *whom*. The
			 * NAP drawing below labels its three sources and is legible; this one
			 * now does the same.
			 */
			echo '<text x="16" y="40" font-family="inherit" font-size="10" font-weight="700" fill="#201e1d">' . esc_html__( 'Who describes this page', 'ai-o-optimiser' ) . '</text>';

			echo '<rect x="16" y="52" width="92" height="30" fill="#f3f2f2" stroke="#c9c5c2"/>';
			echo '<text x="25" y="66" font-family="inherit" font-size="9" font-weight="700" fill="#6b6764">' . esc_html__( 'SEO plugin', 'ai-o-optimiser' ) . '</text>';
			echo '<rect x="25" y="71" width="44" height="4" fill="#c9c5c2"/>';

			echo '<rect x="16" y="104" width="92" height="30" fill="#f3f2f2" stroke="#c9c5c2"/>';
			echo '<text x="25" y="118" font-family="inherit" font-size="9" font-weight="700" fill="#6b6764">' . esc_html__( 'Theme', 'ai-o-optimiser' ) . '</text>';
			echo '<rect x="25" y="123" width="60" height="4" fill="#a33a22"/>';

			echo '<path d="M108 67 C142 67 142 95 170 95" fill="none" stroke="#c9c5c2" stroke-width="2"/>';
			echo '<path d="M108 119 C142 119 142 95 170 95" fill="none" stroke="#a33a22" stroke-width="2" stroke-dasharray="4 3"/>';

			echo '<rect x="184" y="64" width="120" height="62" fill="#ffffff" stroke="#a33a22" stroke-width="2"/>';
			echo '<text x="194" y="80" font-family="inherit" font-size="9" font-weight="700" fill="#201e1d">' . esc_html__( 'Finished page', 'ai-o-optimiser' ) . '</text>';
			echo '<rect x="194" y="88" width="76" height="4" fill="#c9c5c2"/>';
			echo '<rect x="194" y="98" width="96" height="4" fill="#c9c5c2"/>';
			echo '<rect x="194" y="108" width="58" height="4" fill="#a33a22"/>';
			echo '<circle cx="178" cy="95" r="7" fill="#a33a22"/><rect x="174" y="94" width="8" height="2" fill="#ffffff"/>';

			echo '<text x="16" y="162" font-family="inherit" font-size="9" fill="#a33a22">' . esc_html__( 'Two answers reach Google. It picks one.', 'ai-o-optimiser' ) . '</text>';
		} else {
			/*
			 * The same three details - name, address, phone - as three
			 * different sources hold them. The point of the picture is that
			 * two agree and one does not, and that the reader can see which
			 * of the three details is the one that drifted.
			 */
			echo '<rect x="16" y="28" width="104" height="7" fill="#201e1d"/>';

			$rows    = array( 'N', 'A', 'P' );
			$sources = array( 'Your site', 'Google', 'Directory' );
			$row_y   = array( 84, 110, 136 );

			// Row letters down the left, outside the cards.
			foreach ( $rows as $r => $letter ) {
				echo '<text x="18" y="' . (int) ( $row_y[ $r ] + 5 ) . '" font-family="inherit" font-size="10" font-weight="700" fill="#6b6764">' . esc_html( $letter ) . '</text>';
			}

			foreach ( $sources as $i => $source ) {
				$x = 34 + ( $i * 96 );
				// The third source has the phone number wrong.
				echo '<rect x="' . (int) $x . '" y="50" width="88" height="112" fill="#ffffff" stroke="#c9c5c2"/>';
				echo '<text x="' . (int) ( $x + 10 ) . '" y="68" font-family="inherit" font-size="9" font-weight="700" fill="#6b6764">' . esc_html( $source ) . '</text>';
				echo '<rect x="' . (int) ( $x + 10 ) . '" y="74" width="68" height="1" fill="#d8d5d2"/>';

				foreach ( $rows as $r => $letter ) {
					$bad  = ( 2 === $i && 2 === $r );
					$y    = $row_y[ $r ];
					$fill = $bad ? '#f7dcd6' : '#d6f5ec';
					$line = $bad ? '#a33a22' : '#0e7c66';
					echo '<rect x="' . (int) ( $x + 10 ) . '" y="' . (int) $y . '" width="68" height="16" fill="' . esc_attr( $fill ) . '" stroke="' . esc_attr( $line ) . '"/>';
					echo '<rect x="' . (int) ( $x + 17 ) . '" y="' . (int) ( $y + 6 ) . '" width="' . ( $bad ? 30 : 46 ) . '" height="4" fill="' . esc_attr( $line ) . '"/>';
				}
			}

			// Name and address match across all three; the phone does not.
			echo '<rect x="34" y="' . (int) ( $row_y[2] - 4 ) . '" width="288" height="24" fill="none" stroke="#a33a22" stroke-width="1" stroke-dasharray="3 3"/>';
			echo '<text x="18" y="184" font-family="inherit" font-size="9" fill="#a33a22">' . esc_html__( 'One source disagrees', 'ai-o-optimiser' ) . '</text>';
		}

		echo '</svg>';
	}

	/**
	 * A real product screenshot bundled only into the Free build.
	 *
	 * @param string $key Feature key.
	 * @return array<string,mixed>|array{}
	 */
	private static function bundled_preview( $key ) {
		$previews = array(
			'metadata' => array( 'assets/pro-preview/metadata-workspace.webp', 960, 540 ),
			'schema'   => array( 'assets/pro-preview/schema-workspace.webp', 960, 540 ),
		);

		if ( ! isset( $previews[ $key ] ) ) {
			return array();
		}

		$file = $previews[ $key ][0];
		if ( ! is_readable( AI_O_Optimiser_PLUGIN_DIR . $file ) ) {
			return array();
		}

		return array(
			'url'    => AI_O_Optimiser_PLUGIN_URL . $file,
			'width'  => (int) $previews[ $key ][1],
			'height' => (int) $previews[ $key ][2],
		);
	}

	/**
	 * Fill for a status pill in the metadata diagram.
	 *
	 * @param string $state ok|warn|crit.
	 * @return string
	 */
	private static function state_fill( $state ) {
		$fills = array( 'ok' => '#e8f4ec', 'warn' => '#fbf1dc', 'crit' => '#fbeaea' );
		return isset( $fills[ $state ] ) ? $fills[ $state ] : '#f3f2f2';
	}

	/**
	 * Outline for a status pill in the metadata diagram.
	 *
	 * @param string $state ok|warn|crit.
	 * @return string
	 */
	private static function state_line( $state ) {
		$lines = array( 'ok' => '#1a7f37', 'warn' => '#8a6100', 'crit' => '#b32d2e' );
		return isset( $lines[ $state ] ) ? $lines[ $state ] : '#c9c5c2';
	}

	/**
	 * A compact summary for the foot of the Settings screen.
	 *
	 * @return void
	 */
	public static function render_settings_section() {
		?>
		<?php /* An h3, not a settings-section heading: this renders inside the
		   Edition panel, and the settings navigation builds one tab per
		   section heading it finds. */ ?>
		<h3><?php esc_html_e( 'AI-O Optimiser Pro', 'ai-o-optimiser' ); ?></h3>
		<p class="description">
			<?php esc_html_e( 'A separate paid plugin. Everything on this screen works without it.', 'ai-o-optimiser' ); ?>
		</p>
		<div class="ai-o-optimiser-pro-more__grid">
			<?php foreach ( self::features() as $feature ) : ?>
				<div class="ai-o-optimiser-pro-more__item">
					<strong><?php echo esc_html( $feature['title'] ); ?></strong>
					<span><?php echo esc_html( $feature['hook'] ); ?></span>
				</div>
			<?php endforeach; ?>
			<div class="ai-o-optimiser-pro-more__item">
				<strong><?php esc_html_e( 'Traffic evidence', 'ai-o-optimiser' ); ?></strong>
				<span><?php esc_html_e( 'Pulls your Search Console figures in for you instead of you typing them by hand, and can send AI visibility events into GA4.', 'ai-o-optimiser' ); ?></span>
			</div>
		</div>
		<p>
			<a class="button button-primary" href="<?php echo esc_url( self::upgrade_url() ); ?>" target="_blank" rel="noopener noreferrer">
				<?php esc_html_e( 'See what Pro adds', 'ai-o-optimiser' ); ?>
			</a>
		</p>
		<?php
	}

	/**
	 * Styles for the treatments above.
	 *
	 * Attached to the plugin's own stylesheet rather than printed as a <style>
	 * block on admin_head, which is what the plugin directory asks for. Plain
	 * string literals: CSS carries no quotes, so there is nothing to capture.
	 */
	public static function enqueue_styles() {
		AI_O_Optimiser_Admin::add_inline_style(
			'.ai-o-optimiser-pro-hero { display: grid; grid-template-columns: minmax(22rem,.9fr) minmax(30rem,1.2fr); gap: 2.25rem; align-items: center; background: #fff; border: 1px solid #d8d5d2; padding: 2rem; max-width: 88rem; }'
			. '.ai-o-optimiser-pro-hero__copy { min-width: 0; }'
			. '.ai-o-optimiser-pro-hero__art { min-width: 0; display: flex; flex-direction: column; gap: .55rem; }'
			. '.ai-o-optimiser-pro-art, .ai-o-optimiser-pro-shot { width: 100%; height: auto; display: block; border: 1px solid #d8d5d2; border-radius: 8px; box-shadow: 0 14px 36px rgba(32,30,29,.10); }'
			. '.ai-o-optimiser-pro-caption { font-size: .78rem; color: #6b6764; }'
			. '.ai-o-optimiser-pro-eyebrow { margin: 0 0 .45rem; color: #0e7c66; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }'
			. '.ai-o-optimiser-pro-headline { margin: 0 0 .75rem; max-width: 15em; font-size: 1.8rem; line-height: 1.12; }'
			. '.ai-o-optimiser-pro-cost { margin: 0 0 1rem; color: #6b6764; max-width: 43em; font-size: .95rem; line-height: 1.55; }'
			. '.ai-o-optimiser-pro-workflow { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 0 0 1.15rem; }'
			. '.ai-o-optimiser-pro-workflow__step { display: inline-flex; align-items: center; min-height: 1.8rem; padding: .15rem .55rem; border: 1px solid #cce9e2; border-radius: 999px; background: #f2fbf8; color: #0e7c66; font-size: .78rem; font-weight: 600; }'
			. '.ai-o-optimiser-pro-workflow__arrow { color: #8c8f94; }'
			. '.ai-o-optimiser-pro-benefits { display: grid; gap: .8rem; margin: 0 0 1.25rem; }'
			. '.ai-o-optimiser-pro-benefit { display: grid; grid-template-columns: 2.3rem minmax(0,1fr); gap: .7rem; align-items: start; }'
			. '.ai-o-optimiser-pro-benefit__icon { width: 2.3rem; height: 2.3rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #e6f7f3; color: #0e7c66; font-size: 1.1rem; line-height: 2.3rem; }'
			. '.ai-o-optimiser-pro-benefit__copy { display: flex; flex-direction: column; gap: .12rem; }'
			. '.ai-o-optimiser-pro-benefit__copy strong { font-size: .9rem; color: #1d2327; }'
			. '.ai-o-optimiser-pro-benefit__copy span { font-size: .82rem; line-height: 1.45; color: #50575e; }'
			. '.ai-o-optimiser-pro-actions { margin: 0 0 .75rem; display: flex; flex-wrap: wrap; align-items: center; gap: .85rem; }'
			. '.ai-o-optimiser-pro-secondary { font-weight: 600; text-decoration: none; }'
			. '.ai-o-optimiser-pro-secondary:hover, .ai-o-optimiser-pro-secondary:focus { text-decoration: underline; }'
			. '.ai-o-optimiser-pro-price { margin: 0 0 .35rem; font-size: .9375rem; font-weight: 600; color: #1d2327; }'
			. '.ai-o-optimiser-pro-reassure { margin: 0; font-size: .8125rem; color: #6b6764; max-width: 42em; }'
			. '.ai-o-optimiser-pro-more { margin-top: 2rem; max-width: 88rem; }'
			. '.ai-o-optimiser-pro-more h2 { font-size: 1.05rem; margin-bottom: .75rem; }'
			. '.ai-o-optimiser-pro-more__grid { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); max-width: 88rem; }'
			. '.ai-o-optimiser-pro-more__item { background: #fff; border: 1px solid #d8d5d2; padding: .9rem 1rem; display: flex; flex-direction: column; gap: .3rem; }'
			. '.ai-o-optimiser-pro-more__item strong { font-size: .9rem; }'
			. '.ai-o-optimiser-pro-more__item span { font-size: .8125rem; color: #6b6764; }'
			. '@media (max-width: 1100px) { .ai-o-optimiser-pro-hero { grid-template-columns: 1fr; } .ai-o-optimiser-pro-headline { max-width: 24em; } .ai-o-optimiser-pro-hero__art { max-width: 58rem; } }'
		);
	}
}