/* Pylogix AI Website Auditor v3 (2026-09-26). Loaded after bootstrap and custom.css.
   Direction: the report card. Editorial serif headlines, mono data, grades (green, amber, red), graphite ink and paper.
   Restyles the app's own header, mobile nav, page band, modals and footer, and adds the landing components. */
:root { --au-ink: #121316; --au-ink-2: #1b1d22; --au-ink-3: #2a2d35; --au-paper: #f5f3ec; --au-paper-2: #e9e5d8; --au-red: #ff4d2e; --au-red-d: #e03a1d;
  --au-ok: #1f9d55; --au-warn: #e89b0c; --au-bad: #e5484d; --au-hi: #ffe45e; --au-line: rgba(255,255,255,.13); --au-line-d: rgba(18,19,22,.14);
  --au-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif; --au-sans: 'Geist', 'Segoe UI', Arial, sans-serif; --au-mono: 'Geist Mono', ui-monospace, Consolas, monospace; }
body { font-family: var(--au-sans) !important; -webkit-font-smoothing: antialiased; }
body.au-home { background: var(--au-ink) !important; }
.au { font-family: var(--au-sans); color: var(--au-ink); }
.au *, .au *::before, .au *::after { box-sizing: border-box; }
.au img { max-width: 100%; height: auto; display: block; }
.au-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 28px; }
.au-sec { padding: 120px 0; position: relative; }
.au-ink { background: var(--au-ink); color: #eeeef0; }
.au-paper { background: var(--au-paper); color: var(--au-ink); }
.au-red { background: var(--au-red); color: var(--au-ink); }
.au h1, .au h2, .au h3 { font-family: var(--au-serif) !important; font-weight: 400 !important; letter-spacing: -.02em; line-height: 1; margin: 0; color: inherit; text-transform: none; }
.au h1 { font-size: clamp(54px, 7.4vw, 112px); }
.au h2 { font-size: clamp(42px, 5.4vw, 80px); }
.au h3 { font-size: 30px; line-height: 1.05; }
.au h1 em, .au h2 em { font-style: italic; }
.au p { margin: 0; }
.au-lead { font-size: clamp(18px, 1.45vw, 20px); line-height: 1.6; max-width: 560px; opacity: .84; margin-top: 26px !important; }
.au-kicker { display: inline-flex; align-items: center; gap: 10px; font: 500 13px var(--au-mono); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 26px; }
.au-kicker i { width: 9px; height: 9px; border-radius: 50%; background: var(--au-red); box-shadow: 0 0 0 4px rgba(255,77,46,.2); }
.au-num { display: inline-block; font: 500 13px var(--au-mono); letter-spacing: .08em; border-top: 2px solid currentColor; padding-top: 10px; margin-bottom: 26px; }
.au-center { text-align: center; }
.au-center .au-lead { margin-left: auto; margin-right: auto; }
.au-hl { background: linear-gradient(transparent 58%, var(--au-hi) 58% 92%, transparent 92%); color: var(--au-ink); padding: 0 .06em; }
.au-ink .au-hl { background: none; color: var(--au-red); }

/* buttons */
.au-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font: 600 17px/1 var(--au-sans); padding: 18px 28px; border-radius: 999px; border: 0; cursor: pointer; text-decoration: none !important; background: var(--au-red); color: var(--au-ink) !important; transition: transform .25s cubic-bezier(.3,1.6,.5,1), box-shadow .25s; white-space: nowrap; }
.au-btn:hover { transform: translate(-3px, -3px); box-shadow: 3px 3px 0 0 #fff; }
.au-paper .au-btn:hover, .au-red .au-btn:hover { box-shadow: 3px 3px 0 0 var(--au-ink); }
.au-btn.dark { background: var(--au-ink); color: #fff !important; }
.au-btn.line { background: transparent; color: inherit !important; box-shadow: inset 0 0 0 1.5px currentColor; }
.au-btn svg { width: 18px; height: 18px; }
.au-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }

/* hero */
.au-hero { padding: 150px 0 110px; }
.au-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 50px; align-items: center; }
.au-form { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 999px; padding: 8px 8px 8px 24px; max-width: 600px; margin-top: 38px; box-shadow: 6px 6px 0 0 var(--au-red); }
.au-form label { margin: 0 !important; font: 500 16px var(--au-mono); color: #8a8d96; white-space: nowrap; }
.au-form input { flex: 1; min-width: 0; border: 0 !important; outline: 0; box-shadow: none !important; background: transparent !important; font: 500 18px var(--au-sans) !important; color: var(--au-ink) !important; padding: 12px 0 !important; height: auto !important; width: auto !important; }
.au-form button { flex: none; border: 0; border-radius: 999px; background: var(--au-ink); color: #fff; font: 600 16px var(--au-sans); padding: 16px 24px; cursor: pointer; transition: transform .2s; }
.au-form button:hover { transform: translateY(-1px); background: #000; }
.au-form:focus-within { box-shadow: 6px 6px 0 0 var(--au-red), 0 0 0 3px rgba(255,228,94,.6); }
.au-try { margin-top: 20px !important; font-size: 15px; color: #a9abb3; }
.au-try a { display: inline-block; margin: 6px 0 0 6px; font: 500 14px var(--au-mono); color: #eeeef0 !important; border: 1px solid var(--au-line); border-radius: 999px; padding: 5px 12px; text-decoration: none !important; }
.au-try a:hover { border-color: var(--au-red); color: var(--au-red) !important; }

/* report card demo */
.au-card { position: relative; background: var(--au-paper); color: var(--au-ink); border-radius: 22px; padding: 26px; box-shadow: 12px 12px 0 0 var(--au-red); transform: rotate(1.5deg); }
.au-card-top { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid var(--au-ink); padding-bottom: 14px; margin-bottom: 18px; gap: 10px; }
.au-card-top b { font: 400 30px var(--au-serif); }
.au-card-top span { font: 500 12px var(--au-mono); letter-spacing: .06em; text-transform: uppercase; opacity: .6; }
.au-card-url { font: 500 14px var(--au-mono); margin-bottom: 16px; display: flex; gap: 8px; align-items: center; }
.au-card-url i { width: 8px; height: 16px; background: var(--au-red); animation: au-blink 1s steps(1) infinite; }
.au-card-body { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 22px; align-items: start; }
.au-grade { position: relative; width: 130px; height: 130px; }
.au-grade svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.au-grade circle { fill: none; stroke-width: 10; }
.au-grade .bg { stroke: var(--au-paper-2); } .au-grade .fg { stroke: var(--au-ok); stroke-linecap: round; stroke-dasharray: 339.3; stroke-dashoffset: 339.3; transition: stroke-dashoffset .4s, stroke .4s; }
.au-grade div { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; text-align: center; }
.au-grade b { font: 400 54px/1 var(--au-serif); }
.au-grade small { font: 500 12px var(--au-mono); opacity: .6; }
.au-checks { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.au-checks li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 7px 0; border-bottom: 1px dashed var(--au-line-d); opacity: .35; transition: opacity .3s; }
.au-checks li.done { opacity: 1; }
.au-checks li i { width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #b8b3a4; }
.au-checks li.done.ok i { background: var(--au-ok); border-color: var(--au-ok); }
.au-checks li.done.warn i { background: var(--au-warn); border-color: var(--au-warn); }
.au-checks li.done.bad i { background: var(--au-bad); border-color: var(--au-bad); }
.au-checks li em { font: 500 12px var(--au-mono); font-style: normal; opacity: .65; }
.au-bar { height: 6px; background: var(--au-paper-2); border-radius: 999px; overflow: hidden; margin-top: 18px; }
.au-bar i { display: block; height: 100%; width: 0; background: var(--au-ink); transition: width .35s linear; }
.au-card-foot { display: flex; justify-content: space-between; margin-top: 10px; font: 500 12px var(--au-mono); opacity: .6; }
.au-stamp { position: absolute; right: -18px; top: -20px; background: var(--au-hi); color: var(--au-ink); font: 600 12px var(--au-mono); letter-spacing: .08em; text-transform: uppercase; padding: 10px 14px; border-radius: 999px; transform: rotate(8deg); box-shadow: 4px 4px 0 0 var(--au-ink); }

/* checks grid */
.au-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 56px; border-top: 2px solid var(--au-ink); }
.au-group { padding: 30px 26px 34px 0; border-bottom: 1px solid var(--au-line-d); }
.au-group:not(:nth-child(3n)) { border-right: 1px solid var(--au-line-d); }
.au-group:not(:nth-child(3n+1)) { padding-left: 26px; }
.au-group span { font: 500 12px var(--au-mono); letter-spacing: .08em; opacity: .55; }
.au-group h3 { margin: 10px 0 10px; }
.au-group p { font-size: 16px; line-height: 1.55; opacity: .78; }
.au-group ul { list-style: none; padding: 0; margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.au-group li { font: 500 12px var(--au-mono); border: 1px solid var(--au-line-d); border-radius: 999px; padding: 4px 10px; }

/* SERP tool */
.au-serp { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 40px; align-items: start; margin-top: 56px; }
.au-field { margin-bottom: 18px; }
.au-field label { display: flex; justify-content: space-between; font: 500 12px var(--au-mono) !important; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px; color: #c6c7cd; }
.au-field label b { font-weight: 500; }
.au-field input, .au-field textarea { width: 100%; font: 500 16px var(--au-sans); color: #fff; background: var(--au-ink-2); border: 1px solid var(--au-line); border-radius: 14px; padding: 14px 16px; resize: none; outline: 0; }
.au-field input:focus, .au-field textarea:focus { border-color: var(--au-red); }
.au-meter { height: 5px; border-radius: 999px; background: var(--au-ink-3); margin-top: 8px; overflow: hidden; }
.au-meter i { display: block; height: 100%; width: 0; background: var(--au-ok); transition: width .2s, background .2s; }
.au-meter.warn i { background: var(--au-warn); } .au-meter.bad i { background: var(--au-bad); }
.au-google { background: #fff; color: #202124; border-radius: 22px; padding: 26px; font-family: Arial, sans-serif; box-shadow: 10px 10px 0 0 var(--au-red); }
.au-google-bar { display: flex; align-items: center; gap: 10px; border: 1px solid #dfe1e5; border-radius: 999px; padding: 10px 16px; margin-bottom: 22px; color: #70757a; font-size: 14px; }
.au-google-bar b { font: 700 18px Arial, sans-serif; letter-spacing: -.5px; }
.au-google-bar b span:nth-child(1) { color: #4285f4; } .au-google-bar b span:nth-child(2) { color: #ea4335; } .au-google-bar b span:nth-child(3) { color: #fbbc05; } .au-google-bar b span:nth-child(4) { color: #4285f4; } .au-google-bar b span:nth-child(5) { color: #34a853; } .au-google-bar b span:nth-child(6) { color: #ea4335; }
.au-res-site { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.au-res-site i { width: 28px; height: 28px; border-radius: 50%; background: #f1f3f4; display: grid; place-items: center; font-style: normal; font-weight: 700; font-size: 12px; color: #5f6368; }
.au-res-site small { display: block; color: #4d5156; font-size: 12px; }
.au-res-title { display: block; color: #1a0dab; font-size: 20px; line-height: 1.3; margin: 8px 0 4px; overflow-wrap: anywhere; }
.au-res-desc { color: #4d5156; font-size: 14px; line-height: 1.58; overflow-wrap: anywhere; }
.au-verdict { margin-top: 18px; display: grid; gap: 8px; font-family: var(--au-sans); }
.au-verdict div { display: flex; gap: 10px; align-items: center; font-size: 14px; color: #3c4043; }
.au-verdict i { width: 10px; height: 10px; border-radius: 50%; flex: none; background: var(--au-ok); }
.au-verdict .warn i { background: var(--au-warn); } .au-verdict .bad i { background: var(--au-bad); }

/* speed */
.au-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 70px; align-items: center; }
.au-gauge-card { background: #fff; border: 2px solid var(--au-ink); border-radius: 26px; padding: 28px; box-shadow: 10px 10px 0 0 var(--au-ink); }
.au-tabs { display: inline-flex; background: var(--au-paper); border-radius: 999px; padding: 4px; margin-bottom: 18px; }
.au-tabs button { font: 600 14px var(--au-sans); border: 0; background: transparent; padding: 9px 18px; border-radius: 999px; cursor: pointer; color: var(--au-ink); }
.au-tabs button[aria-pressed="true"] { background: var(--au-ink); color: #fff; }
.au-gauge { position: relative; width: 100%; max-width: 360px; margin: 0 auto; }
.au-gauge svg { width: 100%; height: auto; display: block; }
.au-gauge .track { fill: none; stroke: var(--au-paper-2); stroke-width: 22; stroke-linecap: round; }
.au-gauge .val { fill: none; stroke-width: 22; stroke-linecap: round; transition: stroke-dashoffset .9s cubic-bezier(.2,.9,.3,1), stroke .4s; }
.au-gauge-num { position: absolute; left: 0; right: 0; bottom: 6px; text-align: center; }
.au-gauge-num b { display: block; font: 400 72px/1 var(--au-serif); }
.au-gauge-num small { font: 500 12px var(--au-mono); opacity: .6; }
.au-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.au-metrics div { background: var(--au-paper); border-radius: 14px; padding: 12px; }
.au-metrics small { display: block; font: 500 11px var(--au-mono); letter-spacing: .06em; opacity: .6; text-transform: uppercase; }
.au-metrics b { font: 400 26px var(--au-serif); }
.au-note { font: 500 12px var(--au-mono); opacity: .55; margin-top: 14px !important; }

/* vs */
.au-vs { background: var(--au-ink); color: #eee; border-radius: 26px; padding: 28px; box-shadow: 10px 10px 0 0 var(--au-ink-3); }
.au-vs-head { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; font: 500 14px var(--au-mono); margin-bottom: 20px; }
.au-vs-head b { font: 400 34px var(--au-serif); color: var(--au-red); }
.au-vs-head span:last-child { text-align: right; }
.au-vs-row { display: grid; grid-template-columns: 1fr 110px 1fr; gap: 12px; align-items: center; font-size: 13px; margin-bottom: 12px; }
.au-vs-row em { font-style: normal; text-align: center; opacity: .7; font: 500 12px var(--au-mono); }
.au-vs-row i { height: 12px; border-radius: 999px; background: var(--au-ink-3); position: relative; overflow: hidden; }
.au-vs-row i::after { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border-radius: inherit; transition: width 1.2s cubic-bezier(.2,.9,.3,1); }
.au-vs-row i:first-child::after { right: 0; background: #eee; } .au-vs-row i:last-child::after { left: 0; background: var(--au-red); }
.au-in .au-vs-row i::after { width: var(--w); }

/* examples */
.au-examples { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 56px; }
.au-ex { display: block; background: var(--au-ink-2); border: 1px solid var(--au-line); border-radius: 20px; overflow: hidden; text-decoration: none !important; color: #eee !important; transition: transform .3s cubic-bezier(.3,1.6,.5,1), border-color .3s; }
.au-ex:hover { transform: translateY(-4px); border-color: var(--au-red); }
.au-ex img { width: 100%; height: 210px; object-fit: cover; object-position: top; background: var(--au-ink-3); }
.au-ex span { display: flex; justify-content: space-between; padding: 16px 18px; font: 500 14px var(--au-mono); }
.au-ex em { font-style: normal; color: var(--au-red); }

/* faq, cta */
.au-faq { max-width: 900px; margin: 50px auto 0; }
.au-faq details { border-top: 2px solid var(--au-ink); }
.au-faq details:last-child { border-bottom: 2px solid var(--au-ink); }
.au-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; font: 400 clamp(24px, 2.4vw, 32px)/1.15 var(--au-serif); }
.au-faq summary::-webkit-details-marker { display: none; }
.au-faq summary::after { content: '+'; flex: none; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--au-ink); display: grid; place-items: center; font: 400 22px var(--au-sans); transition: transform .3s, background .3s; }
.au-faq details[open] summary::after { transform: rotate(45deg); background: var(--au-hi); }
.au-faq details p { font-size: 18px; line-height: 1.6; padding: 0 60px 26px 0; opacity: .8; }
.au-end { padding: 130px 0; text-align: center; }
.au-end h2 { font-size: clamp(50px, 7vw, 108px); }
.au-end .au-btns { justify-content: center; }
.au-end .au-form { margin-left: auto; margin-right: auto; box-shadow: 6px 6px 0 0 var(--au-ink); }

/* app header restyle */
.wrapper-header, .wrapper-header.navbar-fixed-top { background: rgba(18,19,22,.92) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: none !important; border-bottom: 1px solid var(--au-line) !important; }
.main-header { min-height: 76px; display: flex; align-items: center; }
.main-header .logo img, .main-header .logo .themeLogoImg { max-height: 30px !important; width: auto !important; }
.main-header nav > ul > li > a, .desktop-nav .main-nav > li > a, .login-nav > li > a { color: #e6e6ea !important; font: 600 15px var(--au-sans) !important; text-transform: none !important; letter-spacing: 0 !important; }
.main-header nav > ul > li > a:hover, .desktop-nav .main-nav > li > a:hover { color: var(--au-red) !important; background: transparent !important; }
.main-header nav > ul > li > a.signup, .login-nav a.signup, .login-nav li:last-child a.signup { background: var(--au-red) !important; color: var(--au-ink) !important; border-radius: 999px !important; padding: 11px 20px !important; }
.start-mobile-nav, .start-mobile-nav .fa { color: #eee !important; }
.mobile-nav { background: var(--au-ink) !important; }
.mobile-nav a { color: #eee !important; font-family: var(--au-sans) !important; }
.plx-pagehead, .bg-primary-color.page-block { background: var(--au-ink) !important; padding: 140px 0 50px !important; border-bottom: 1px solid var(--au-line); }
.plx-pagehead .pageTitle, .page-block .pageTitle { color: #fff !important; font: 400 clamp(40px, 5vw, 72px)/1 var(--au-serif) !important; text-align: left !important; letter-spacing: -.02em; margin: 0 !important; }
.btn.btn-primary, .btn-green { background: var(--au-red) !important; border-color: var(--au-red) !important; color: var(--au-ink) !important; border-radius: 999px !important; font-weight: 600 !important; }
.loginme .modal-content { border-radius: 24px !important; border: 2px solid var(--au-ink) !important; box-shadow: 8px 8px 0 0 var(--au-red) !important; }
.loginme .modal-title { font: 400 30px var(--au-serif) !important; }
.loginme .form-input { border: 1.5px solid #d9d6cc !important; border-radius: 12px !important; padding: 10px 12px !important; }
.bg-grey-color, .bg-primary-color { background: var(--au-paper) !important; }

/* app footer */
.au-foot { background: var(--au-ink); color: #a9abb3; padding: 90px 0 30px; font-size: 15px; border-top: 1px solid var(--au-line); }
.au-foot-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 60px; }
.au-foot-brand img { height: 32px; width: auto; }
.au-foot-brand p { font-size: 18px; line-height: 1.55; color: #d7d8dd; max-width: 360px; margin: 22px 0 28px !important; }
.au-foot-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.au-foot h6 { font: 500 12px var(--au-mono) !important; letter-spacing: .1em; text-transform: uppercase; color: #fff; margin: 6px 0 18px; }
.au-foot ul { list-style: none; padding: 0; margin: 0; }
.au-foot li { margin-bottom: 11px; line-height: 1.45; }
.au-foot a { text-decoration: none !important; color: #e6e6ea; }
.au-foot a:hover { color: var(--au-red); }
.au-foot .au-btn { color: var(--au-ink) !important; }
.au-foot-big { display: flex; align-items: flex-end; gap: .12em; margin: 80px 0 40px; color: #eeeef0 !important; font: 400 clamp(64px, 16vw, 240px)/.8 var(--au-serif); letter-spacing: -.035em; white-space: nowrap; overflow: hidden; }
.au-foot-big em { color: var(--au-red); }
.au-foot-big svg { flex: none; width: .72em; height: .72em; margin-bottom: .04em; transition: transform .6s cubic-bezier(.3,1.6,.5,1); }
.au-foot-big:hover svg { transform: rotate(-14deg); }
.au-foot-bot { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; border-top: 1px solid var(--au-line); padding-top: 24px; font-size: 14px; }
.au-foot-bot a { font-weight: 600; }

/* legal and content pages */
.au-doc-body { padding: 60px 0 120px; background: var(--au-paper); }
.au-doc-grid { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 70px; align-items: start; }
.au-doc-toc { position: sticky; top: 100px; }
.au-doc-toc h6 { font: 500 12px var(--au-mono) !important; letter-spacing: .1em; text-transform: uppercase; opacity: .6; margin: 0 0 14px; }
.au-doc-toc ol { list-style: none; padding: 0; margin: 0 0 26px; counter-reset: t; }
.au-doc-toc li { counter-increment: t; }
.au-doc-toc a { display: flex; gap: 10px; padding: 7px 0; font-size: 14.5px; font-weight: 600; color: var(--au-ink) !important; opacity: .6; text-decoration: none !important; }
.au-doc-toc a::before { content: counter(t, decimal-leading-zero); font: 500 12px var(--au-mono); padding-top: 2px; opacity: .7; }
.au-doc-toc a:hover, .au-doc-toc a.on { opacity: 1; }
.au-doc-toc a.on::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--au-red); margin: 7px 0 0 auto; flex: none; }
.au-doc-meta { display: inline-block; font: 500 13px var(--au-mono); background: var(--au-hi); padding: 7px 14px; border-radius: 999px; margin-bottom: 26px; }
.au-doc { max-width: 760px; font-size: 18px; line-height: 1.7; color: #2b2d33; }
.au-doc .au-doc-lead { font-size: 22px; line-height: 1.55; color: var(--au-ink); font-weight: 500; margin-bottom: 30px; }
.au-doc h2 { font: 400 clamp(30px, 3.2vw, 42px)/1.05 var(--au-serif) !important; margin: 60px 0 16px; scroll-margin-top: 100px; color: var(--au-ink); }
.au-doc h3 { font: 600 19px var(--au-sans) !important; margin: 30px 0 8px; color: var(--au-ink); }
.au-doc p { margin: 0 0 16px; }
.au-doc ul { margin: 0 0 18px; padding: 0; list-style: none; }
.au-doc li { position: relative; padding-left: 26px; margin-bottom: 9px; }
.au-doc li::before { content: ''; position: absolute; left: 4px; top: .55em; width: 10px; height: 10px; border-radius: 3px; background: var(--au-red); }
.au-doc a { color: var(--au-ink) !important; font-weight: 600; text-decoration: underline; text-decoration-color: var(--au-red); text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* reveal */
.au-rv { opacity: 0; transform: translateY(28px); transition: opacity .8s, transform .8s cubic-bezier(.2,.9,.3,1); }
.au-rv.au-in { opacity: 1; transform: none; }
@keyframes au-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .au *, .au *::before, .au *::after { animation: none !important; transition: none !important; } .au-rv { opacity: 1; transform: none; } .au-vs-row i::after { width: var(--w); } }

@media (max-width: 1080px) {
  .au-hero-grid, .au-serp, .au-split { grid-template-columns: minmax(0, 1fr); }
  .au-groups, .au-examples { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .au-group:not(:nth-child(3n)) { border-right: 0; } .au-group:not(:nth-child(3n+1)) { padding-left: 0; }
  .au-group:nth-child(odd) { border-right: 1px solid var(--au-line-d); padding-right: 26px; } .au-group:nth-child(even) { padding-left: 26px; }
  .au-foot-top { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .au-doc-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .au-doc-toc { position: static; } .au-doc-toc ol { columns: 2; }
}
@media (max-width: 640px) {
  .au-wrap { padding: 0 18px; }
  .au-sec { padding: 84px 0; }
  .au-hero { padding: 120px 0 70px; }
  .au h1 { font-size: clamp(48px, 13vw, 64px); }
  .au h2 { font-size: clamp(38px, 10.5vw, 52px); }
  .au-form { flex-wrap: wrap; border-radius: 26px; padding: 10px 10px 10px 18px; }
  .au-form button { width: 100%; }
  .au-card { transform: none; padding: 20px; } .au-card-body { grid-template-columns: minmax(0, 1fr); } .au-grade { margin: 0 auto; }
  .au-stamp { right: 10px; }
  .au-groups, .au-examples { grid-template-columns: minmax(0, 1fr); }
  .au-group:nth-child(odd) { border-right: 0; padding-right: 0; } .au-group:nth-child(even) { padding-left: 0; }
  .au-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .au-vs-row { grid-template-columns: 1fr 80px 1fr; }
  .au-faq details p { padding-right: 0; }
  .au-foot-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .au-doc-toc ol { columns: 1; }
}

/* ---------- header fixes: admin custom CSS adds a glow to the logo, and the old float layout ---------- */
.themeLogoImg { filter: none !important; margin-top: 0 !important; }
.main-header.container, .main-header { justify-content: space-between; padding-top: 0 !important; padding-bottom: 0 !important; }
.main-header::before, .main-header::after { display: none !important; }
.main-header .logo { float: none !important; }
@media (min-width: 769px) { .main-header .desktop-nav { margin-left: auto; display: flex; align-items: center; gap: 8px; } }
.main-header nav > ul { display: flex; align-items: center; margin: 0 !important; }
.main-header nav > ul > li { float: none !important; margin-left: 6px !important; }
.start-mobile-nav { margin-left: auto; text-align: right; line-height: 50px; }
.wrapper-header.top-nav-collapse, .top-nav-collapse { background: var(--au-ink) !important; box-shadow: 0 1px 0 var(--au-line) !important; }
footer.au-foot { background: var(--au-ink) !important; }

/* ---------- report, compare and other inner pages ---------- */
body.au-inner { background: var(--au-paper) !important; color: var(--au-ink); }
.au-inner .main-content > .container, .au-inner #overview, .au-inner .col-sm-9 { color: var(--au-ink); }
.au-inner a { color: var(--au-ink); }
.au-inner a:hover { color: var(--au-red-d); }
.au-inner .mainLink { font: 400 38px/1.05 var(--au-serif) !important; color: var(--au-ink) !important; letter-spacing: -.02em; word-break: normal; overflow-wrap: break-word; }
.au-inner .timeBox { font: 500 13px var(--au-mono); color: #6b6c72; margin: 6px 0 18px; }
.au-inner .scoreProgress-label { font-weight: 500; }
.au-inner .scoreProgress { background: var(--au-paper-2) !important; box-shadow: none !important; border-radius: 99px; }
.au-inner .scoreProgress-success .scoreProgress-bar { background: var(--au-ok) !important; }
.au-inner .scoreProgress-warning .scoreProgress-bar { background: var(--au-warn) !important; }
.au-inner .scoreProgress-danger .scoreProgress-bar { background: var(--au-bad) !important; }
.au-inner .circleBox { background: transparent !important; color: var(--au-ink) !important; width: auto; height: auto; }
.au-inner .circleBox::after { display: none; }
.au-inner #overallscore, .au-inner .circle strong { color: var(--au-ink) !important; }
.au-inner .circle strong i { display: block; color: #6b6c72 !important; margin-top: 4px; }
.au-inner #overallscore { font-family: var(--au-serif) !important; font-weight: 400 !important; }
.au-inner .newI { font: 500 11px var(--au-mono) !important; text-transform: uppercase; letter-spacing: .06em; }
.au-inner .btn { border-radius: 999px !important; border: 0 !important; font: 600 14px var(--au-sans) !important; padding: 10px 18px !important; box-shadow: none !important; text-shadow: none !important; }
.au-inner .btn.btn-lgreen, .au-inner .btn.btn-green, .au-inner .btn.btn-success, .au-inner .btn.btn-primary { background: var(--au-ink) !important; color: #fff !important; }
.au-inner .btn.btn-red, .au-inner .btn.btn-danger { background: var(--au-red) !important; color: var(--au-ink) !important; }
.au-inner .btn.btn-purple, .au-inner .btn.btn-violet, .au-inner .btn.btn-blue, .au-inner .btn.btn-info, .au-inner .btn.btn-default { background: transparent !important; color: var(--au-ink) !important; box-shadow: inset 0 0 0 1.5px var(--au-ink) !important; }
.au-inner .btn:hover { transform: translateY(-1px); }
.au-inner .pdfBox .btn { margin: 0 6px 8px 0; }
.au-inner .social-box, .au-inner .xd_top_box + div .social-box { border: 1.5px dashed var(--au-line-d) !important; border-radius: 16px; background: transparent !important; }
.au-inner .seoBox-title { font: 400 clamp(30px, 3.4vw, 44px)/1.05 var(--au-serif) !important; color: var(--au-ink) !important; letter-spacing: -.02em; border-bottom: 2px solid var(--au-ink) !important; padding-bottom: 14px !important; margin: 20px 0 22px !important; }
.au-inner .seoBox { background: #fff !important; border: 1px solid var(--au-line-d) !important; border-radius: 16px !important; margin: 0 0 14px !important; overflow: hidden; box-shadow: none !important; }
.au-inner .seoBox:hover { border-color: var(--au-ink) !important; }
.au-inner .headBox { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--au-line-d) !important; padding: 14px 18px !important; }
.au-inner .titleStr { font: 600 17px var(--au-sans) !important; color: var(--au-ink) !important; margin: 0 !important; }
.au-inner .solveMsg { margin: 0 !important; }
.au-inner .solveMsg .fa { color: #cfccc0 !important; }
.au-inner .solveMsg .solveMsgBlue { color: var(--au-red) !important; }
.au-inner .contentBox { padding: 16px 18px !important; color: #33343a; font-size: 15px; line-height: 1.6; }
.au-inner .suggestionBox { background: var(--au-paper) !important; border: 0 !important; border-left: 3px solid var(--au-red) !important; border-radius: 0 10px 10px 0; color: #33343a !important; padding: 12px 16px !important; }
.au-inner .questionBox, .au-inner .grayColor { color: #8a8b91 !important; }
.au-inner .table { background: transparent; }
.au-inner .table > thead > tr > th { font: 500 12px var(--au-mono); text-transform: uppercase; letter-spacing: .05em; color: #55565c; border-bottom: 1.5px solid var(--au-ink) !important; }
.au-inner .table-striped > tbody > tr:nth-of-type(odd) { background: rgba(18,19,22,.035); }
.au-inner .table-bordered, .au-inner .table-bordered td, .au-inner .table-bordered th { border-color: var(--au-line-d) !important; }
.au-inner .showMore, .au-inner .showLess, .au-inner .showLinks { color: var(--au-red-d) !important; font-weight: 600; }
.au-inner .keyword { background: var(--au-paper) !important; border: 1px solid var(--au-line-d) !important; border-radius: 999px !important; color: var(--au-ink) !important; }
.au-inner .keyword .number { background: var(--au-ink) !important; color: #fff !important; border-radius: 999px !important; }
.au-inner .progress { background: var(--au-paper-2) !important; box-shadow: none !important; border-radius: 99px; }
.au-inner .progress-bar-success { background: var(--au-ok) !important; }
.au-inner .progress-bar-primary { background: var(--au-red) !important; }
.au-inner .nav-pills > li > a { color: var(--au-ink) !important; border-radius: 999px !important; font-weight: 500; padding: 10px 16px !important; }
.au-inner .nav-pills > li > a:hover { background: rgba(18,19,22,.06) !important; }
.au-inner .nav-pills > li.active > a, .au-inner .nav-pills > li.active > a:focus, .au-inner .nav-pills > li.active > a:hover { background: var(--au-ink) !important; color: #fff !important; }
.au-inner .scroll-arrow { opacity: .4; }
.au-inner .form-control { border-radius: 12px !important; border: 1.5px solid var(--au-line-d) !important; box-shadow: none !important; height: auto; padding: 12px 14px; font-family: var(--au-sans) !important; }
.au-inner .form-control:focus { border-color: var(--au-ink) !important; }
.au-inner .panel, .au-inner .well, .au-inner .box { background: #fff; border: 1px solid var(--au-line-d) !important; border-radius: 16px !important; box-shadow: none !important; }
.au-inner .headturbo { background: var(--au-ink) !important; }
@media (max-width: 767px) {
  .au-inner .mainLink { font-size: 26px !important; }
  .au-inner .circleBox { display: block; text-align: center; margin-top: 10px; }
}

/* ---------- inner pages: keep the footer links light (the .au-inner a rule above made them ink on ink) ---------- */
.au-inner .au-foot a { color: #e6e6ea; }
.au-inner .au-foot a:hover { color: var(--au-red); }
.au-inner .au-foot .au-btn, .au-inner .au-foot .au-btn:hover { color: var(--au-ink) !important; }
.au-inner .au-foot-big, .au-inner .au-foot-big:hover { color: #eeeef0 !important; }

/* ---------- account pages: log in, sign up, forgot password, resend activation ---------- */
.au-inner .col-md-9:has(.loginme-form) { float: none; width: 100%; max-width: 560px; margin: 0 auto; padding-top: 10px; }
.au-inner .col-md-9:has(.loginme-form) > br { display: none; }
.au-inner .col-md-9 .loginme-form { background: #fff; border-radius: 26px; padding: 34px 34px 30px; box-shadow: 10px 10px 0 0 var(--au-red); border: 1.5px solid var(--au-ink); margin: 10px 0 70px; }
.au-inner .col-md-9 .loginme-form .loginpage { margin-top: 0; }
.au-inner .col-md-9 .loginme-form .info, .au-inner .col-md-9 .loginme-form .infoshort { font: 500 12px var(--au-mono) !important; letter-spacing: .08em; text-transform: uppercase; color: #6b6c72; opacity: 1; margin: 0 0 14px; }
.au-inner .col-md-9 .loginme-form .infoshort b { font-weight: 500; }
.au-inner .col-md-9 .connect-with { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 0 24px; margin-bottom: 24px; border-bottom: 1px dashed #cfccc0; overflow: visible; }
.au-inner .col-md-9 .connect-with .info { width: 100%; }
.au-inner .col-md-9 .connect-with .connect { flex: 1 1 140px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; float: none; width: auto; height: 46px; margin: 0; padding: 0 16px;
  background: #fff none !important; color: var(--au-ink) !important; border: 1.5px solid var(--au-line-d); border-radius: 999px; font: 600 15px var(--au-sans); text-indent: 0; text-decoration: none; transition: border-color .2s, transform .2s; }
.au-inner .col-md-9 .connect-with .connect:hover { border-color: var(--au-ink); transform: translateY(-1px); }
.au-inner .col-md-9 .connect-with .connect::before { font: normal 17px/1 FontAwesome; }
.au-inner .col-md-9 .connect.facebook::before { content: "\f09a"; color: #1877f2; }
.au-inner .col-md-9 .connect.google::before { content: "\f1a0"; color: #ea4335; }
.au-inner .col-md-9 .connect.twitter::before { content: "\f099"; color: #121316; }
.au-inner .col-md-9 .loginpage label { display: block; font: 600 14px var(--au-sans) !important; color: var(--au-ink) !important; margin-bottom: 16px; }
.au-inner .col-md-9 .loginpage .form-input { display: block; width: 100% !important; margin-top: 8px; height: 50px; padding: 0 18px; border: 1.5px solid var(--au-line-d); border-radius: 14px; background: var(--au-paper); font: 500 16px var(--au-sans); color: var(--au-ink); outline: 0; transition: border-color .2s, box-shadow .2s, background .2s; }
.au-inner .col-md-9 .loginpage .form-input:focus { border-color: var(--au-ink); background: #fff; box-shadow: 0 0 0 3px rgba(255, 228, 94, .6); }
.au-inner .col-md-9 .loginme-form .has-error .form-input { border-color: var(--au-bad); }
.au-inner .col-md-9 .login-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin: 8px 0 0 !important; }
.au-inner .col-md-9 .login-footer::after { display: none; }
.au-inner .col-md-9 .login-footer .btn, .au-inner .col-md-9 .login-footer .btn.btn-primary { float: none !important; background: var(--au-red) !important; color: var(--au-ink) !important; font: 600 16px var(--au-sans) !important; padding: 14px 30px !important; border-radius: 999px !important; }
.au-inner .col-md-9 .login-footer .btn:hover { transform: translate(-2px, -2px); box-shadow: 3px 3px 0 0 var(--au-ink) !important; }
.au-inner .col-md-9 .login-footer .pull-right { float: none !important; text-align: right; font-size: 14px; line-height: 1.8; }
.au-inner .col-md-9 .login-footer .pull-right a { color: var(--au-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(18, 19, 22, .3); }
.au-inner .col-md-9 .login-footer .pull-right a:hover { color: var(--au-red-d); }
.au-inner .col-md-9:has(.loginme-form) .alert { border-radius: 14px; border: 0; font-size: 15px; }
.au-inner .col-md-9:has(.loginme-form) .alert-error, .au-inner .col-md-9:has(.loginme-form) .alert-danger { background: #fdecec; color: #8f1d20; }
.au-inner .col-md-9:has(.loginme-form) .alert-success { background: #e6f5ec; color: #145c34; }
@media (max-width: 560px) {
  .au-inner .col-md-9 .loginme-form { padding: 26px 20px 22px; box-shadow: 6px 6px 0 0 var(--au-red); }
  .au-inner .col-md-9 .login-footer { flex-direction: column; align-items: stretch; }
  .au-inner .col-md-9 .login-footer .pull-right { text-align: left; }
}