SEOISTIC — Modern WordPress SEO & AI Visibility
* { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; color: var(--ink); background: var(--bg); font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; overflow-x: hidden; } body.menu-open { overflow: hidden; } img, svg { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } button, input { font: inherit; } button { cursor: pointer; } .container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; } .section { padding: 112px 0; position: relative; } .section--soft { background: #f0f2f8; } .skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; background: #fff; padding: 10px 14px; border-radius: 8px; box-shadow: var(--shadow-sm); } .skip-link:focus { top: 16px; }
.announcement { background: var(--dark); color: #e8eafa; font-size: 13px; } .announcement__inner { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 20px; text-align: center; } .announcement a { color: var(--lime); font-weight: 700; }
.site-header { position: sticky; top: 0; z-index: 100; background: rgba(247,248,252,.82); backdrop-filter: blur(20px); border-bottom: 1px solid transparent; transition: .25s ease; } .site-header.is-scrolled { border-color: rgba(16,19,27,.08); box-shadow: 0 12px 30px rgba(33, 38, 58, .06); } .nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; } .brand { display: inline-grid; grid-template-columns: 34px auto; grid-template-rows: 24px 12px; align-items: center; column-gap: 9px; flex: none; } .brand__mark { grid-row: 1 / 3; width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(145deg, var(--primary), #a26fff); display: grid; place-content: center; grid-template-columns: repeat(3, 4px); gap: 3px; box-shadow: 0 8px 18px rgba(113,87,255,.25); } .brand__mark i { display: block; width: 4px; border-radius: 4px; background: #fff; } .brand__mark i:nth-child(1) { height: 9px; } .brand__mark i:nth-child(2) { height: 18px; } .brand__mark i:nth-child(3) { height: 13px; } .brand__name { font-family: "Manrope", sans-serif; font-weight: 800; font-size: 18px; letter-spacing: -.5px; line-height: 1; } .brand__name span { color: var(--primary); } .brand small { font-size: 7px; letter-spacing: 1.7px; color: var(--muted); font-weight: 700; } .main-nav { display: flex; gap: 26px; align-items: center; font-size: 14px; font-weight: 600; color: #3f4656; } .main-nav a { position: relative; } .main-nav a::after { content: ""; position: absolute; height: 2px; width: 0; background: var(--primary); left: 0; bottom: -8px; transition: width .2s ease; } .main-nav a:hover::after, .main-nav a:focus-visible::after { width: 100%; } .nav-actions { display: flex; align-items: center; gap: 16px; } .nav-login { font-size: 14px; font-weight: 700; } .menu-toggle { display: none; width: 42px; height: 42px; border: 0; border-radius: 12px; background: var(--surface); box-shadow: var(--shadow-sm); padding: 11px; } .menu-toggle span { display: block; height: 2px; margin: 4px 0; border-radius: 2px; background: var(--ink); transition: .25s ease; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 21px; border-radius: 13px; border: 1px solid transparent; font-weight: 700; font-size: 14px; transition: transform .2s var(--ease), box-shadow .2s ease, background .2s ease; } .button:hover { transform: translateY(-2px); } .button--small { min-height: 42px; padding-inline: 17px; } .button--dark { background: var(--dark); color: #fff; box-shadow: 0 10px 22px rgba(16,19,27,.18); } .button--primary { color: #fff; background: linear-gradient(135deg, var(--primary), var(--primary-2)); box-shadow: 0 14px 28px rgba(113,87,255,.3); } .button--ghost { background: rgba(255,255,255,.62); border-color: var(--line); } .button--outline { border-color: var(--line-strong); background: #fff; } .button--light { background: #fff; color: var(--ink); box-shadow: 0 18px 36px rgba(0,0,0,.18); } .button--glass { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.08); } .play { width: 25px; height: 25px; border-radius: 50%; display: inline-grid; place-content: center; font-size: 8px; color: #fff; background: var(--dark); }
.hero { min-height: 820px; display: flex; align-items: center; padding-top: 92px; background: radial-gradient(circle at 20% 10%, rgba(156,107,255,.13), transparent 35%), linear-gradient(180deg,#f8f9fc 0%,#f4f5fa 100%); overflow: hidden; } .hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(20,30,55,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(20,30,55,.035) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 88%); } .hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.15fr; align-items: center; gap: 58px; } .hero__content { padding-bottom: 40px; } .eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #585f70; font-size: 11px; font-weight: 800; letter-spacing: 1.7px; } .eyebrow i { width: 24px; height: 2px; background: linear-gradient(90deg, var(--primary), var(--primary-2)); } .eyebrow--light { color: rgba(255,255,255,.68); } .eyebrow--light i { background: var(--lime); } h1, h2, h3 { margin: 0; font-family: "Manrope", sans-serif; line-height: 1.08; letter-spacing: -.04em; } .hero h1 { font-size: clamp(52px, 6vw, 83px); margin: 22px 0 24px; } .hero h1 span, .section-heading h2 span { color: var(--primary); } .hero__lead { max-width: 620px; color: var(--muted); font-size: 19px; line-height: 1.7; } .hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; } .hero__proof { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 24px; color: #525968; font-size: 13px; font-weight: 600; } .hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); opacity: .5; } .hero-orb--one { width: 360px; height: 360px; background: radial-gradient(circle, rgba(113,87,255,.22), transparent 68%); left: -130px; top: 180px; } .hero-orb--two { width: 380px; height: 380px; background: radial-gradient(circle, rgba(201,255,102,.16), transparent 68%); right: -100px; bottom: -80px; } .hero__visual { position: relative; perspective: 1200px; } .browser-glow { position: absolute; width: 80%; height: 70%; left: 15%; top: 17%; background: rgba(113,87,255,.25); filter: blur(65px); } .dashboard-shell { position: relative; z-index: 2; border: 1px solid rgba(34,40,65,.13); border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 45px 100px rgba(27,25,72,.2); transform: rotateY(-2deg) rotateX(2deg); transition: transform .2s ease; } .dashboard-topbar { height: 58px; border-bottom: 1px solid #edf0f5; display: flex; justify-content: space-between; align-items: center; padding: 0 18px; } .dashboard-topbar button { border: 0; border-radius: 8px; padding: 8px 13px; background: var(--dark); color: #fff; font-size: 10px; font-weight: 700; } .mini-brand { font-family: "Manrope",sans-serif; font-size: 12px; font-weight: 800; display: flex; align-items: center; } .mini-brand > span { width: 21px; height: 21px; border-radius: 6px; margin-right: 7px; background: linear-gradient(135deg,var(--primary),var(--primary-2)); } .mini-brand span:last-child { color: var(--primary); } .dashboard-body { min-height: 480px; display: grid; grid-template-columns: 125px 1fr; } .dashboard-sidebar { background: #f7f8fb; border-right: 1px solid #edf0f5; padding: 20px 12px; } .dashboard-sidebar div { font-size: 9px; padding: 11px 10px; margin-bottom: 5px; border-radius: 7px; color: #6e7482; } .dashboard-sidebar .side-active { color: var(--primary-dark); background: #edeaff; } .dashboard-main { padding: 27px 24px; min-width: 0; } .dashboard-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; } .dashboard-heading span { font-size: 8px; color: var(--primary); font-weight: 800; letter-spacing: 1.3px; } .dashboard-heading h3 { font-size: 22px; margin-top: 7px; } .dashboard-heading p { font-size: 10px; color: #777e8d; margin: 7px 0 0; } .dashboard-heading button { border: 0; border-radius: 8px; background: linear-gradient(135deg,var(--primary),var(--primary-2)); color: #fff; font-size: 9px; padding: 10px 12px; font-weight: 700; } .metric-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 10px; margin-top: 22px; } .metric-grid article { border: 1px solid #eceef4; border-radius: 11px; padding: 13px; min-height: 86px; display: flex; align-items: center; gap: 10px; box-shadow: 0 7px 18px rgba(37,42,68,.045); } .metric-grid b { display: block; font-size: 18px; line-height: 1; } .metric-grid span { display: block; font-size: 8px; color: #646b79; margin-top: 3px; } .metric-grid small { display: block; font-size: 7px; color: var(--green); margin-top: 6px; } .metric-grid article:last-child small { color: var(--amber); } .score-ring { --score: 84; position: relative; width: 54px; height: 54px; border-radius: 50%; flex: 0 0 auto; display: grid; place-items: center; background: conic-gradient(var(--primary) calc(var(--score)*1%), #ececf5 0); } .score-ring::after { content: ""; position: absolute; width: 40px; height: 40px; border-radius: 50%; background: #fff; } .score-ring b { position: relative; z-index: 2; font-size: 14px; } .metric-icon { width: 31px; height: 31px; display: grid; place-content: center; border-radius: 9px; color: var(--primary); background: #eeeaff; font-weight: 800; } .metric-icon--green { color: #09895d; background: #dff8ed; } .metric-icon--amber { color: #b87312; background: #fff0d6; } .audit-card { margin-top: 12px; border-radius: 11px; border: 1px solid #eceef4; padding: 15px; } .audit-card__header { display: flex; justify-content: space-between; font-size: 9px; } .audit-card__header strong { color: var(--primary); } .progress { height: 6px; background: #ececf3; border-radius: 8px; overflow: hidden; margin: 11px 0 6px; } .progress span { display: block; height: 100%; width: 84%; border-radius: inherit; background: linear-gradient(90deg,var(--primary),var(--primary-2)); animation: grow 1.5s var(--ease) both; } .audit-card p { font-size: 8px; color: #7a8090; } .chart-bars { height: 72px; display: flex; align-items: end; gap: 5px; } .chart-bars i { width: 100%; height: var(--h); min-height: 8%; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg,#a995ff,#7257ff); opacity: .8; transform-origin: bottom; animation: barGrow 1.2s var(--ease) both; } .floating-badge { position: absolute; z-index: 3; background: rgba(255,255,255,.92); border: 1px solid rgba(29,35,57,.08); box-shadow: var(--shadow-sm); border-radius: 12px; padding: 11px 14px; backdrop-filter: blur(8px); animation: float 4s ease-in-out infinite; } .floating-badge b, .floating-badge span { display: block; } .floating-badge b { font-size: 13px; } .floating-badge span { font-size: 8px; color: var(--muted); } .floating-badge--one { left: -28px; bottom: 75px; } .floating-badge--one b { color: var(--green); } .floating-badge--two { right: -18px; top: 90px; display: flex; align-items: center; gap: 8px; } .floating-badge--two b { font-size: 10px; } .pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(28,196,134,.5); animation: pulse 1.8s infinite; }
.trust-strip { padding: 34px 0 48px; background: #f4f5fa; border-bottom: 1px solid var(--line); } .trust-strip p { text-align: center; font-size: 10px; letter-spacing: 1.7px; font-weight: 800; color: #858b98; } .trust-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 42px; margin-top: 26px; color: #6d7380; font-family: "Manrope",sans-serif; font-weight: 700; font-size: 14px; }
.section-heading { margin-bottom: 48px; } .section-heading__grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 60px; margin-top: 17px; } .section-heading h2 { font-size: clamp(38px,5vw,62px); } .section-heading p { color: var(--muted); font-size: 17px; max-width: 640px; } .section-heading--center { text-align: center; max-width: 800px; margin-inline: auto; } .section-heading--center h2 { margin: 17px 0 15px; } .section-heading--center p { margin-inline: auto; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; } .feature-card { position: relative; min-height: 340px; padding: 28px; border: 1px solid rgba(38,42,67,.1); border-radius: var(--radius); background: rgba(255,255,255,.88); box-shadow: 0 18px 45px rgba(38,40,72,.06); overflow: hidden; transition: transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease; } .feature-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: rgba(113,87,255,.25); } .feature-card--hero { grid-column: span 2; background: linear-gradient(145deg,#161324,#27203d); color: #fff; } .feature-card__top { display: flex; align-items: center; justify-content: space-between; } .feature-card__top em { font-style: normal; font-size: 9px; letter-spacing: 1.3px; color: var(--lime); font-weight: 800; } .feature-icon { width: 45px; height: 45px; border-radius: 13px; display: grid; place-content: center; background: linear-gradient(135deg,#8a6cff,#6f50ef); color: #fff; box-shadow: 0 10px 22px rgba(113,87,255,.22); font-size: 18px; } .feature-icon--blue { background: #e7efff; color: var(--blue); box-shadow: none; } .feature-icon--orange { background: #fff0d9; color: var(--amber); box-shadow: none; } .feature-icon--pink { background: #ffe5f2; color: var(--pink); box-shadow: none; } .feature-icon--green { background: #dcf7eb; color: var(--green); box-shadow: none; } .feature-icon--purple { background: #eee9ff; color: var(--primary); box-shadow: none; } .feature-card h3 { font-size: 25px; margin: 22px 0 13px; } .feature-card p { color: var(--muted); font-size: 14px; } .feature-card--hero p { color: rgba(255,255,255,.68); max-width: 540px; } .feature-card a { position: absolute; left: 28px; bottom: 27px; font-size: 13px; font-weight: 800; } .feature-card a span { color: var(--primary); } .feature-card--hero a span { color: var(--lime); } .mini-ai-ui { position: absolute; width: 280px; right: -18px; bottom: -20px; padding: 15px; border-radius: 15px 0 0 0; background: rgba(255,255,255,.98); color: var(--ink); box-shadow: 0 20px 60px rgba(0,0,0,.28); transform: rotate(-2deg); } .mini-ai-ui > div { display: flex; justify-content: space-between; font-size: 9px; font-weight: 700; } .mini-ai-ui i { color: var(--green); font-style: normal; } .mini-ai-ui p { margin: 13px 0; padding: 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font-size: 9px; } .mini-ai-ui button { width: 100%; border: 0; border-radius: 8px; padding: 10px; color: #fff; background: var(--primary); font-size: 9px; font-weight: 700; } .feature-lines { position: absolute; right: 28px; bottom: 28px; display: grid; gap: 8px; width: 90px; } .feature-lines i { height: 5px; border-radius: 5px; background: #e8eaf1; } .feature-lines i:nth-child(1) { width: 100%; } .feature-lines i:nth-child(2) { width: 72%; background: #dcd6ff; } .feature-lines i:nth-child(3) { width: 85%; } .feature-lines i:nth-child(4) { width: 55%; } .audit-donut { position: absolute; right: 24px; bottom: 20px; width: 90px; height: 90px; border-radius: 50%; display: grid; place-content: center; text-align: center; background: conic-gradient(var(--primary) 84%, #ececf4 0); } .audit-donut::after { content: ""; position: absolute; inset: 10px; border-radius: inherit; background: #fff; } .audit-donut b, .audit-donut span { position: relative; z-index: 2; } .audit-donut b { font-size: 22px; line-height: 1; } .audit-donut span { font-size: 8px; color: var(--muted); }
.filter-bar { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0 auto 34px; } .filter-bar button { border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 9px 15px; font-size: 12px; color: #5f6674; font-weight: 700; transition: .2s ease; } .filter-bar button:hover, .filter-bar button.is-active { background: var(--dark); color: #fff; border-color: var(--dark); } .addon-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; } .addon-card { min-height: 390px; display: flex; flex-direction: column; padding: 24px; border-radius: 18px; border: 1px solid var(--line); background: #fff; box-shadow: 0 12px 35px rgba(29,35,59,.05); transition: transform .25s var(--ease), box-shadow .25s ease, opacity .2s ease; } .addon-card:hover { transform: translateY(-5px); box-shadow: 0 22px 55px rgba(36,39,75,.11); } .addon-card.is-hidden { display: none; } .addon-card--pro { background: linear-gradient(150deg,#fff,#f5f1ff); border-color: #dcd3ff; } .addon-card__meta { display: flex; justify-content: space-between; align-items: center; } .addon-icon { width: 40px; height: 40px; display: grid; place-content: center; border-radius: 12px; background: #eeeaff; color: var(--primary); font-weight: 800; } .addon-icon--green { background: #dcf7eb; color: var(--green); } .addon-icon--blue { background: #e7efff; color: var(--blue); } .addon-icon--orange { background: #fff0d9; color: var(--amber); } .addon-icon--pink { background: #ffe5f2; color: var(--pink); } .addon-icon--purple { background: #eee9ff; color: var(--primary); } .badge { padding: 5px 8px; border-radius: 7px; font-size: 8px; letter-spacing: .8px; } .badge--free { color: #087653; background: #dff8ed; } .badge--pro { color: #fff; background: var(--primary); } .addon-card > small { margin-top: 22px; text-transform: uppercase; letter-spacing: 1.3px; font-size: 9px; font-weight: 800; color: #8a909b; } .addon-card h3 { font-size: 22px; margin: 7px 0 13px; } .addon-card > p { font-size: 13px; color: var(--muted); margin-top: 0; } .addon-card ol { margin: 10px 0 20px; padding: 0; list-style: none; counter-reset: step; } .addon-card li { counter-increment: step; font-size: 11px; color: #606777; display: flex; align-items: center; gap: 9px; padding: 5px 0; } .addon-card li::before { content: counter(step); width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto; display: grid; place-content: center; background: #f0f1f5; color: #747b89; font-size: 8px; font-weight: 700; } .addon-card > a { margin-top: auto; font-size: 12px; color: var(--primary-dark); font-weight: 800; }
.ai-section { color: #fff; overflow: hidden; background: radial-gradient(circle at 15% 10%,rgba(130,91,255,.4),transparent 30%), radial-gradient(circle at 90% 90%,rgba(201,255,102,.12),transparent 35%), #11101a; } .ai-noise { position: absolute; inset: 0; opacity: .25; 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: 44px 44px; } .ai-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 70px; } .ai-copy h2 { font-size: clamp(42px,5vw,66px); margin: 20px 0; } .ai-copy h2 span { color: var(--lime); } .ai-copy > p { color: rgba(255,255,255,.68); font-size: 16px; max-width: 530px; } .check-list { list-style: none; padding: 0; margin: 32px 0; display: grid; gap: 18px; } .check-list li { display: flex; gap: 13px; } .check-list li > span { width: 28px; height: 28px; border-radius: 8px; display: grid; place-content: center; color: #111; background: var(--lime); font-weight: 900; } .check-list b, .check-list small { display: block; } .check-list b { font-size: 14px; } .check-list small { color: rgba(255,255,255,.52); font-size: 11px; margin-top: 3px; } .optimizer-window { color: var(--ink); border-radius: 21px; overflow: hidden; background: #fff; box-shadow: 0 45px 90px rgba(0,0,0,.4); } .optimizer-window__bar { height: 57px; padding: 0 19px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 11px; } .optimizer-window__bar span { display: flex; align-items: center; gap: 7px; color: #5a6271; } .optimizer-window__bar i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); } .optimizer-window__body { padding: 26px; } .optimizing-label { display: flex; align-items: center; gap: 8px; color: var(--primary); font-size: 8px; letter-spacing: 1.3px; font-weight: 900; } .optimizing-label i { width: 15px; height: 15px; border: 2px solid #ddd7ff; border-top-color: var(--primary); border-radius: 50%; animation: spin .9s linear infinite; } .optimizer-window h3 { font-size: 23px; margin: 11px 0 20px; } .result-card { border: 1px solid var(--line); border-radius: 13px; padding: 15px; margin-bottom: 12px; } .result-card__head { display: flex; justify-content: space-between; gap: 15px; font-size: 10px; } .result-card__head span { color: var(--green); } .result-card__head small { color: #747b89; } .result-card p { font-size: 12px; margin: 10px 0 11px; color: #404756; } .meter { height: 4px; border-radius: 5px; background: #eceef3; overflow: hidden; } .meter i { display: block; height: 100%; background: linear-gradient(90deg,var(--primary),var(--primary-2)); } .keyword-row { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 10px; background: #f5f5fa; font-size: 9px; } .keyword-row b { padding: 4px 7px; border-radius: 6px; background: #fff; } .keyword-row em { margin-left: auto; color: #08805a; font-style: normal; font-weight: 700; } .optimizer-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; font-size: 11px; } .optimizer-footer button { border: 0; border-radius: 9px; color: #fff; background: var(--primary); padding: 10px 13px; font-weight: 700; }
.billing-toggle { width: max-content; max-width: 100%; margin: 0 auto 35px; padding: 5px; display: flex; border-radius: 13px; background: #e5e7ef; } .billing-toggle button { border: 0; border-radius: 9px; padding: 10px 15px; background: transparent; font-size: 12px; color: #646a79; font-weight: 700; } .billing-toggle button.is-active { color: var(--ink); background: #fff; box-shadow: 0 5px 15px rgba(31,37,61,.08); } .billing-toggle b { margin-left: 6px; color: var(--primary); font-size: 8px; } .pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); align-items: stretch; gap: 14px; } .price-card { position: relative; min-height: 540px; padding: 25px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 14px 36px rgba(30,36,60,.05); transition: transform .25s var(--ease), box-shadow .25s ease; } .price-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); } .price-card--popular { color: #fff; background: linear-gradient(160deg,#181426,#2a2142); border-color: #574881; transform: translateY(-10px); box-shadow: 0 28px 60px rgba(42,33,92,.22); } .price-card--popular:hover { transform: translateY(-16px); } .popular-label { position: absolute; right: 18px; top: 17px; color: #17131f; background: var(--lime); border-radius: 7px; padding: 5px 8px; font-size: 7px; letter-spacing: .8px; font-weight: 900; } .price-card h3 { font-size: 25px; } .price-card > div > p { color: var(--muted); font-size: 12px; } .price-card--popular > div > p, .price-card--popular > small { color: rgba(255,255,255,.58); } .price { display: flex; align-items: baseline; margin-top: 24px; } .price b { font-family: "Manrope",sans-serif; font-size: 43px; letter-spacing: -.05em; } .price span { color: var(--muted); font-size: 11px; margin-left: 5px; } .price-card--popular .price span { color: rgba(255,255,255,.55); } .price-card > small { color: #6f7582; font-size: 10px; } .price-card .button { margin: 22px 0; width: 100%; } .price-card--popular .button--primary { background: var(--lime); color: var(--ink); box-shadow: none; } .price-card ul { padding: 18px 0 0; margin: 0; list-style: none; border-top: 1px solid var(--line); display: grid; gap: 12px; } .price-card--popular ul { border-color: rgba(255,255,255,.12); } .price-card li { font-size: 11px; color: #535a69; } .price-card--popular li { color: rgba(255,255,255,.72); } .pricing-note { margin: 26px auto 0; text-align: center; color: #777d89; font-size: 11px; }
.comparison-wrap { border: 1px solid var(--line); border-radius: 19px; overflow-x: auto; background: #fff; box-shadow: var(--shadow-sm); } .comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13px; } .comparison-table th, .comparison-table td { padding: 18px 20px; border-bottom: 1px solid #eceef3; text-align: center; } .comparison-table th:first-child, .comparison-table td:first-child { text-align: left; width: 45%; } .comparison-table th { color: #555c6c; background: #f7f8fb; font-size: 11px; text-transform: uppercase; letter-spacing: .8px; } .comparison-table td:not(:first-child) { color: var(--primary-dark); font-weight: 900; } .comparison-table tr:last-child td { border-bottom: 0; } .comparison-table tbody tr:hover { background: #fafaff; }
.faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: start; } .faq-intro h2 { font-size: 50px; margin: 18px 0 15px; } .faq-intro > p { color: var(--muted); } .faq-support { display: flex; gap: 12px; margin-top: 40px; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: #fff; } .faq-support > span { width: 32px; height: 32px; border-radius: 9px; display: grid; place-content: center; background: #eeeaff; color: var(--primary); font-weight: 900; } .faq-support b, .faq-support a { display: block; font-size: 11px; } .faq-support a { margin-top: 3px; color: var(--primary); font-weight: 700; } .accordion { display: grid; gap: 10px; } .accordion details { border: 1px solid var(--line); border-radius: 15px; background: #fff; padding: 0 19px; } .accordion summary { list-style: none; min-height: 66px; display: flex; justify-content: space-between; align-items: center; gap: 15px; font-weight: 700; font-size: 14px; cursor: pointer; } .accordion summary::-webkit-details-marker { display: none; } .accordion summary span { width: 22px; height: 22px; position: relative; flex: 0 0 auto; } .accordion summary span::before, .accordion summary span::after { content: ""; position: absolute; left: 4px; right: 4px; top: 10px; height: 2px; background: var(--ink); transition: .2s ease; } .accordion summary span::after { transform: rotate(90deg); } .accordion details[open] summary span::after { transform: rotate(0deg); } .accordion details p { margin: -5px 35px 20px 0; color: var(--muted); font-size: 13px; }
.final-cta { position: relative; padding: 105px 0; text-align: center; color: #fff; overflow: hidden; background: linear-gradient(145deg,#6c50f2,#8f63ff); } .final-cta::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 44px 44px; } .final-cta__orb { position: absolute; width: 550px; height: 550px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle,rgba(255,255,255,.18),transparent 68%); } .final-cta__inner { position: relative; z-index: 2; } .final-cta h2 { font-size: clamp(44px,6vw,72px); margin: 20px 0; } .final-cta h2 span { color: var(--lime); } .final-cta p { color: rgba(255,255,255,.72); max-width: 610px; margin: 0 auto; } .final-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.site-footer { padding: 70px 0 25px; background: #10131b; color: #fff; } .footer-grid { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 70px; } .brand--footer .brand__name { color: #fff; } .brand--footer small { color: rgba(255,255,255,.45); } .footer-grid > div:first-child > p { max-width: 330px; margin-top: 20px; color: rgba(255,255,255,.52); font-size: 13px; } .footer-grid > div:not(:first-child) { display: grid; align-content: start; gap: 11px; } .footer-grid b { font-size: 12px; margin-bottom: 5px; } .footer-grid a { color: rgba(255,255,255,.55); font-size: 12px; } .footer-grid a:hover { color: #fff; } .footer-bottom { margin-top: 55px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; color: rgba(255,255,255,.4); font-size: 10px; }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s var(--ease), transform .75s var(--ease); } .reveal--delay { transition-delay: .12s; } .reveal.is-visible { opacity: 1; transform: none; }
@keyframes grow { from { width: 0; } } @keyframes barGrow { from { transform: scaleY(.05); } } @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(28,196,134,0); } 100% { box-shadow: 0 0 0 0 rgba(28,196,134,0); } } @keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 1050px) { .main-nav { gap: 16px; } .hero__grid { grid-template-columns: 1fr; } .hero { padding-top: 70px; } .hero__content { max-width: 780px; text-align: center; margin-inline: auto; } .hero__lead { margin-inline: auto; } .hero__actions, .hero__proof { justify-content: center; } .hero__visual { max-width: 800px; margin-inline: auto; } .feature-grid, .addon-grid { grid-template-columns: repeat(2,1fr); } .pricing-grid { grid-template-columns: repeat(2,1fr); gap: 18px; } .price-card--popular { transform: none; } .price-card--popular:hover { transform: translateY(-6px); } .ai-grid { grid-template-columns: 1fr; } .ai-copy { max-width: 700px; } }
@media (max-width: 850px) { .section { padding: 84px 0; } .main-nav { position: fixed; inset: 114px 20px auto; display: grid; gap: 0; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); opacity: 0; transform: translateY(-15px); pointer-events: none; transition: .25s ease; } .main-nav.is-open { opacity: 1; transform: none; pointer-events: auto; } .main-nav a { padding: 12px; border-radius: 10px; } .main-nav a:hover { background: #f2f3f8; } .main-nav a::after { display: none; } .menu-toggle { display: block; } .nav-login { display: none; } .section-heading__grid { grid-template-columns: 1fr; gap: 20px; } .faq-grid { grid-template-columns: 1fr; gap: 42px; } .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; } .footer-grid > div:first-child { grid-column: 1/-1; } }
@media (max-width: 650px) { .container { width: min(calc(100% - 28px), var(--container)); } .announcement__inner { padding: 7px 0; display: block; line-height: 1.4; } .announcement a { display: block; margin-top: 2px; } .nav-wrap { min-height: 68px; } .nav-actions .button { display: none; } .hero { min-height: auto; padding-top: 64px; padding-bottom: 80px; } .hero h1 { font-size: 48px; } .hero__lead { font-size: 16px; } .hero__actions .button { width: 100%; } .hero__proof { gap: 10px 14px; font-size: 11px; } .dashboard-shell { transform: none; } .dashboard-body { grid-template-columns: 1fr; min-height: 420px; } .dashboard-sidebar { display: none; } .dashboard-main { padding: 20px 15px; } .dashboard-heading button { display: none; } .dashboard-heading h3 { font-size: 18px; } .metric-grid { grid-template-columns: 1fr 1fr; } .metric-grid article:first-child { grid-column: 1/-1; } .floating-badge--one { left: -5px; bottom: 30px; } .floating-badge--two { right: -4px; top: 55px; } .trust-logos { gap: 20px; font-size: 12px; } .section-heading h2 { font-size: 39px; } .feature-grid, .addon-grid, .pricing-grid { grid-template-columns: 1fr; } .feature-card--hero { grid-column: auto; min-height: 440px; } .mini-ai-ui { width: calc(100% - 36px); right: -1px; } .addon-card { min-height: 370px; } .ai-grid { gap: 46px; } .ai-copy h2 { font-size: 43px; } .optimizer-window__body { padding: 18px; } .optimizer-window h3 { font-size: 20px; } .result-card__head { display: block; } .result-card__head small { display: block; margin-top: 4px; } .keyword-row { flex-wrap: wrap; } .keyword-row em { margin-left: 0; width: 100%; } .billing-toggle { width: 100%; } .billing-toggle button { flex: 1; padding-inline: 8px; } .price-card { min-height: 500px; } .faq-intro h2 { font-size: 42px; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px 24px; } .footer-grid > div:first-child { grid-column: 1/-1; } .footer-bottom { display: grid; gap: 10px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }
Rank higher.
Get cited by AI.
Technical SEO, content scoring, schema, redirects and AI-powered optimization—unified in one fast WordPress plugin.
✓ Unlimited free sites
✓ Migrate safely
Good morning, Shuvo.
Here’s what needs your attention today.
23 issues fixed · 5 opportunities remain
BUILT FOR MODERN WORDPRESS TEAMS
Everything SEO needs.
Nothing it doesn’t.
Move from scattered tools to one focused workflow—from technical foundations to AI search visibility.
AI SEO co-pilot
Generate titles, descriptions, focus keywords, schema, image alt text, internal links and full-page recommendations using your own OpenRouter key.
Optimize this page for “WordPress SEO plugin”
Technical SEO engine
Control canonicals, robots directives, breadcrumbs, XML sitemap exclusions, IndexNow and structured data from one clean workspace.
Actionable site audits
Cached scoring finds missing metadata, weak keyword usage, image issues and indexing risks without slowing down normal page loads.
AI search visibility
Prepare content for ChatGPT, Perplexity, Gemini and Google AI Overviews with grounded AEO guidance and llms.txt generation.
Redirects & 404 recovery
Create 301, 302, 307 and 410 rules, use regex, import or export CSV files and turn detected 404s into redirects.
Safe migration
Bring titles, descriptions, focus keywords, canonicals, robots, schema and social metadata from Rank Math, Yoast or AIOSEO.
One suite. Twelve focused workflows.
Turn on only what your site needs. Every module has a defined job, a visible workflow and WordPress-native controls.
Technical SEO
Schema & Structured Data
Builds connected JSON-LD for pages, articles, breadcrumbs, FAQs and How-To content.
- Choose schema type
- Validate required data
- Publish clean JSON-LD
Local SEO
Local SEO
Adds LocalBusiness data including address, service area, hours, coordinates and contact details.
- Enter business details
- Connect site-wide
- Keep signals consistent
Commerce SEO
WooCommerce SEO
Creates Product and Offer markup from live WooCommerce price, stock and catalog data.
- Detect product data
- Map price and stock
- Output product schema
Content SEO
Image SEO
Finds media without alternative text and creates sensible fallback text while preserving existing descriptions.
- Scan media library
- Review missing alt text
- Apply in batches
Technical SEO
Redirects & 404 Monitor
Manages redirect rules, regex matching, hit tracking, CSV transfer and one-click 404 conversion.
- Capture broken requests
- Review hits
- Convert to redirects
Content SEO
Internal Link Manager
Flags orphan content, finds linking opportunities and manages external nofollow behavior.
- Analyze published pages
- Find relevant sources
- Approve suggestions
Technical SEO
XML Sitemap Controls
Uses WordPress sitemaps with post-type and post-ID exclusions plus IndexNow controls.
- Select exclusions
- Save sitemap rules
- Notify search engines
Social SEO
Social & Open Graph
Controls per-page social titles, descriptions and images with site-wide fallbacks.
- Customize preview
- Set fallback assets
- Publish share cards
Migration SEO
Safe SEO Migration
Imports SEO fields from Rank Math, Yoast and AIOSEO without overwriting existing SEOISTIC data.
- Detect old plugin
- Preview records
- Run safe migration
Content SEO
Content Audit Gate
Checks metadata, headings, image alt text, keyword placement and banned words before publishing.
- Run deterministic checks
- Review findings
- Fix before publishing
AI SEO
SEOISTIC AI Studio
Uses your encrypted OpenRouter key and grounded knowledge files for metadata, schema, alt text and links.
- Choose an AI action
- Preview suggestions
- Apply approved changes
AI SEO
AI File Generators
Generates robots.txt, llms.txt and guarded .htaccess recommendations with preview and backups.
- Generate from context
- Review the file
- Confirm safe application
From blank fields
to optimized pages.
Your content stays in your control. Connect your own OpenRouter key, choose your model and run only the actions you approve.
- ✓
Knowledge-grounded promptsBuilt-in SEO guidance for every generator.
- ✓
Preview before applyingNo automatic file writes or surprise changes.
- ✓
Designed for real workflowsSingle-page, bulk and site-wide tools.
How to Improve WordPress SEO in 2026
WordPress SEO Guide: Rank Higher in 2026
Build a faster, search-ready WordPress site with this practical technical and content optimization guide.
Start free. Scale when SEO pays.
Core SEO stays useful without a subscription. Upgrade when you need AI, reporting and multi-site scale.
Free
Start with the essentials
Unlimited personal sites
Download free →
- ✓ Titles, meta & canonicals
- ✓ Schema, local and WooCommerce SEO
- ✓ Sitemaps, robots.txt & llms.txt
- ✓ Redirects and 404 monitor
- ✓ SEO scoring and content audit
Pro
For creators and stores
3 sites / year
Choose Pro →
- ✓ Everything in Free
- ✓ SEOISTIC AI with your API key
- ✓ Schema Pro / custom builder
- ✓ Core Web Vitals toolkit
- ✓ Priority updates
Business
Best for growing businesses
10 sites / year
Choose Business →
- ✓ Everything in Pro
- ✓ AI Search Visibility / AEO
- ✓ Rank tracker + GSC & GA4
- ✓ Scheduled client reports
- ✓ Uptime and performance monitor
Agency
Scale across client sites
50 sites / year
Choose Agency →
- ✓ Everything in Business
- ✓ Agency dashboard & client groups
- ✓ White-label report branding
- ✓ Client export links
- ✓ Priority support
All prices in USD. Future or roadmap capabilities should be clearly identified before launch.
Pick the capability—
not the clutter.
Use this table to make the plan differences clear without forcing buyers to decode feature names.
| Feature | Free | Pro | Business | Agency |
|---|---|---|---|---|
| SEO titles, descriptions & canonicals | ✓ | ✓ | ✓ | ✓ |
| Schema, Local SEO & WooCommerce SEO | ✓ | ✓ | ✓ | ✓ |
| Redirects + 404 monitor | ✓ | ✓ | ✓ | ✓ |
| Competitor plugin migration | ✓ | ✓ | ✓ | ✓ |
| AI optimization with own API key | — | ✓ | ✓ | ✓ |
| Schema Pro builder | — | ✓ | ✓ | ✓ |
| Core Web Vitals tools | — | ✓ | ✓ | ✓ |
| AI Search Visibility / AEO | — | — | ✓ | ✓ |
| Rank tracking + analytics | — | — | ✓ | ✓ |
| Scheduled white-label reports | — | — | ✓ | ✓ |
| Agency dashboard & client groups | — | — | — | ✓ |
Before you install.
Clear answers about compatibility, AI usage and migration.
Can I use SEOISTIC for free?
Yes. The Free plan includes core metadata, schema, local and WooCommerce SEO, redirects, 404 monitoring, migration, sitemaps, robots controls and content scoring.
Does SEOISTIC automatically change my content?
No. AI actions require an explicit click. File generators separate preview from apply, and sensitive changes should require confirmation and a backup.
Can I migrate from Rank Math, Yoast or AIOSEO?
Yes. SEOISTIC can detect supported plugins and import available SEO fields in batches without overwriting fields that already contain SEOISTIC data.
What do I need to run it?
Update this answer to match your final tested compatibility requirements before launch.
How does AI billing work?
Pro and higher plans unlock the AI workflow. Customers can connect their own supported model-provider key and control model usage.
Turn SEO work into
visible progress.
Install the complete free foundation today. Upgrade only when your workflow needs more.
(function() {
'use strict';
var header = document.querySelector('[data-header]'); var menuButton = document.querySelector('.menu-toggle'); var menu = document.querySelector('.main-nav');
var setHeaderState = function() { if (header) { header.classList.toggle('is-scrolled', window.scrollY > 8); } }; setHeaderState(); window.addEventListener('scroll', setHeaderState, { passive: true });
if (menuButton && menu) { menuButton.addEventListener('click', function() { var isOpen = menu.classList.toggle('is-open'); menuButton.setAttribute('aria-expanded', String(isOpen)); document.body.classList.toggle('menu-open', isOpen); }); menu.querySelectorAll('a').forEach(function(link) { link.addEventListener('click', function() { menu.classList.remove('is-open'); menuButton.setAttribute('aria-expanded', 'false'); document.body.classList.remove('menu-open'); }); }); }
var revealObserver = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (!entry.isIntersecting) return; entry.target.classList.add('is-visible'); revealObserver.unobserve(entry.target); }); }, { threshold: 0.13 }); document.querySelectorAll('.reveal').forEach(function(element) { revealObserver.observe(element); });
var counterObserver = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (!entry.isIntersecting) return; var el = entry.target; var target = Number(el.dataset.counter || 0); var duration = 900; var start = performance.now(); var tick = function(now) { var progress = Math.min((now - start) / duration, 1); el.textContent = String(Math.floor(target * (1 - Math.pow(1 - progress, 3)))); if (progress < 1) requestAnimationFrame(tick); }; requestAnimationFrame(tick); counterObserver.unobserve(el); }); }, { threshold: 0.7 }); document.querySelectorAll('[data-counter]').forEach(function(element) { counterObserver.observe(element); }); var filterButtons = document.querySelectorAll('[data-filter]'); var addonCards = document.querySelectorAll('[data-category]'); filterButtons.forEach(function(button) { button.addEventListener('click', function() { filterButtons.forEach(function(item) { item.classList.remove('is-active'); }); button.classList.add('is-active'); var filter = button.dataset.filter; addonCards.forEach(function(card) { var visible = filter === 'all' || card.dataset.category === filter; card.classList.toggle('is-hidden', !visible); }); }); }); var billingButtons = document.querySelectorAll('[data-billing]'); var prices = document.querySelectorAll('[data-price-annual]'); billingButtons.forEach(function(button) { button.addEventListener('click', function() { billingButtons.forEach(function(item) { item.classList.remove('is-active'); }); button.classList.add('is-active'); var billing = button.dataset.billing; prices.forEach(function(price) { var value = billing === 'launch' ? price.dataset.priceLaunch : price.dataset.priceAnnual; price.textContent = '$' + value; }); }); }); document.querySelectorAll('.accordion details').forEach(function(detail) { detail.addEventListener('toggle', function() { if (!detail.open) return; document.querySelectorAll('.accordion details').forEach(function(other) { if (other !== detail) other.removeAttribute('open'); }); }); }); if (window.matchMedia('(pointer: fine)').matches && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) { document.querySelectorAll('.tilt-card').forEach(function(card) { card.addEventListener('mousemove', function(event) { var rect = card.getBoundingClientRect(); var x = (event.clientX - rect.left) / rect.width - 0.5; var y = (event.clientY - rect.top) / rect.height - 0.5; card.style.transform = 'rotateY(' + (x * 4) + 'deg) rotateX(' + (y * -4) + 'deg) translateY(-2px)'; }); card.addEventListener('mouseleave', function() { card.style.transform = ''; }); }); } var year = document.querySelector('[data-year]'); if (year) year.textContent = String(new Date().getFullYear()); })();
Ready to put SEOISTIC — Modern WordPress SEO & AI Visibility to work?
Talk to us about the fastest path to a working system for your business.