
/* AI Visibility Checker frontend refresh - light, card-based SaaS UI */
:root{
  color-scheme:light;
  --gradient1:rgba(65,178,240,.06);
  --gradient2:#41B2F0;
  --black:#232323;
  --white:#ffffff;
  --gray:#f0f0f0;
  --border-gray:#D7D7D7;
  --background-gray:#FAFAFA;
  --surface:#ffffff;
  --surface-2:#FAFAFA;
  --surface-3:#F0F0F0;
  --text:#232323;
  --text-2:#575757;
  --text-3:#8A8A8A;
  --border:#D7D7D7;
  --border-2:#D7D7D7;
  --blue:#41B2F0;
  --blue-dark:#1592D8;
  --blue-soft:rgba(65,178,240,.08);
  --blue-mid:rgba(65,178,240,.30);
  --shadow-soft:0 2px 10px rgba(0,0,0,.08);
  --shadow-pop:0 18px 45px -30px rgba(0,0,0,.35);
  --card-background:#ffffff;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --black:#ffffff;
  --white:#1a1a1a;
  --gray:#333333;
  --border-gray:#444444;
  --background-gray:#222222;
  --surface:#1a1a1a;
  --surface-2:#222222;
  --surface-3:#333333;
  --text:#ffffff;
  --text-2:#d7d7d7;
  --text-3:#adadad;
  --border:#444444;
  --border-2:#444444;
  --card-background:#1a1a1a;
  --shadow-soft:0 2px 10px rgba(0,0,0,.25);
  --shadow-pop:0 18px 45px -30px rgba(0,0,0,.85);
}
html,body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:var(--surface)!important;color:var(--text)!important;max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a,button,input,select,textarea{font-family:inherit!important;}
body{padding-top:88px!important;}
body:has(.home-hero){padding-top:0!important;}
.nav{padding:10px 0!important;animation:aivcSlideIn .45s ease both;}
.nav-inner{max-width:1100px!important;height:62px!important;margin:0 auto!important;padding:0 10px!important;border-radius:20px!important;border:1px solid rgba(138,138,138,.12)!important;background:rgba(255,255,255,.36)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:none!important;}
html[data-theme="dark"] .nav-inner{background:rgba(0,0,0,.32)!important;border-color:rgba(138,138,138,.18)!important;}
.nav.is-scrolled .nav-inner{padding:0 18px!important;background:rgba(255,255,255,.58)!important;border-color:rgba(138,138,138,.18)!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important;}
html[data-theme="dark"] .nav.is-scrolled .nav-inner{background:rgba(0,0,0,.42)!important;box-shadow:0 2px 10px rgba(0,0,0,.25)!important;}
.nav-logo{gap:7px!important;font-size:22px!important;font-weight:800!important;color:var(--text)!important;}
.logo-icon{width:24px!important;height:24px!important;border-radius:8px!important;}
.nav-link,.nav-drop-btn{min-height:39px!important;border-radius:10px!important;padding:0 10px!important;color:var(--text)!important;font-size:14px!important;font-weight:600!important;}
.nav-link:hover,.nav-drop-btn:hover{background:transparent!important;background-color:transparent!important;color:var(--blue)!important;}
.nav-drop-menu,.nav-lang-menu,.profile-menu{border:2px solid var(--border-gray)!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:0 2px 10px rgba(0,0,0,.10)!important;}
.nav-drop-menu a:hover{background:transparent!important;background-color:transparent!important;color:var(--blue)!important;}
.nav-lang-menu a:hover,.nav-lang-menu a.active,.profile-menu a:hover,.profile-menu button:hover{background:var(--blue-soft)!important;color:var(--blue)!important;}
.nav-cta,.nav-cta-mobile{min-height:39px!important;border-radius:10px!important;background:var(--black)!important;border:2px solid var(--gray)!important;color:var(--white)!important;box-shadow:none!important;padding:0 14px!important;}
.nav-cta:after,.nav-cta-mobile:after{display:none!important;}
.nav-cta .cta-orb,.nav-cta-mobile .cta-orb{display:none!important;}
.nav-cta .cta-text,.nav-cta-mobile .cta-text{color:var(--white)!important;font-size:14px!important;font-weight:700!important;}
.theme-toggle,.nav-lang-current,.nav-toggle{border:2px solid var(--gray)!important;background:var(--surface)!important;border-radius:10px!important;box-shadow:none!important;width:39px!important;height:39px!important;}
.theme-toggle:hover,.nav-lang-current:hover,.nav-toggle:hover{background:var(--surface)!important;}
.home-hero{position:relative!important;min-height:calc(100vh - 40px)!important;margin-top:0!important;padding:138px 24px 64px!important;background:radial-gradient(circle at 50% 0,rgba(65,178,240,.15),transparent 32%),linear-gradient(180deg,var(--surface),var(--background-gray) 100%)!important;border-bottom:1px solid var(--gray)!important;overflow:hidden!important;}
.home-hero:before{content:""!important;position:absolute!important;inset:0!important;background-image:radial-gradient(circle,rgba(35,35,35,.12) 1px,transparent 1px)!important;background-size:16px 16px!important;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 82%)!important;pointer-events:none!important;}
html[data-theme="dark"] .home-hero:before{background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px)!important;opacity:.6!important;}
.home-wrap{max-width:1100px!important;}
.hero-grid-single{display:flex!important;justify-content:center!important;text-align:center!important;}
.hero-copy-centered{max-width:940px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;}
.hero-badge,.sec-eye,.guide-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 8px!important;border-radius:25px!important;border:1px solid var(--border-gray)!important;background:var(--background-gray)!important;color:var(--text)!important;font-size:12px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;}
.hero-badge span{width:13px!important;height:13px!important;border-radius:999px!important;background:linear-gradient(45deg,#fff,#41B2F0,#fff,#41B2F0)!important;background-size:300% 300%!important;box-shadow:none!important;animation:aivcGradient 6s linear infinite!important;}
.home-hero h1{font-size:clamp(42px,7vw,76px)!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-.055em!important;color:var(--text)!important;max-width:980px!important;margin:0 auto 20px!important;text-align:center!important;}
.home-hero h1 .ai-rotating{color:var(--text)!important;min-width:auto!important;}
.home-hero h1 .ai-rotating:after{display:none!important;}
.hero-sub{font-size:20px!important;line-height:1.55!important;color:var(--text)!important;opacity:.72!important;max-width:650px!important;margin:0 auto 28px!important;text-align:center!important;}
.hero-keywords{justify-content:center!important;margin-bottom:24px!important;}
.hero-keywords span,.prompt-card,.Landing_promptCard___F9ZX{border:2px solid var(--gray)!important;background:var(--surface)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;color:var(--text)!important;font-weight:600!important;}
.form-wrap{width:100%!important;max-width:760px!important;margin:0 auto!important;}
.form-row{border:2px solid var(--border-gray)!important;border-radius:20px!important;background:var(--surface)!important;padding:8px!important;box-shadow:0 3px 20px -8px rgba(0,0,0,.25)!important;}
.form-row:focus-within{border-color:var(--gradient2)!important;box-shadow:0 0 0 4px rgba(65,178,240,.16),0 3px 20px -8px rgba(0,0,0,.25)!important;}
.form-input{height:58px!important;color:var(--text)!important;font-size:15px!important;font-weight:600!important;}
.form-btn,.home-btn,.sample-action,.Analytics_viewAllKeyCompetitorsButton__twj9_,.btn{height:58px!important;border:none!important;border-radius:14px!important;background:var(--black)!important;color:var(--white)!important;font-size:14px!important;font-weight:800!important;box-shadow:none!important;}
.form-btn *,.home-btn *,.sample-action *,.btn *{color:var(--white)!important;}
.form-btn:hover,.home-btn:hover,.sample-action:hover,.btn:hover{opacity:.78!important;transform:none!important;}
.stats-row,.hero-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;width:100%!important;max-width:900px!important;margin-top:28px!important;}
.stat-item,.Dashboard_dashboardItem__8OoSX,.dashboard-sample-card,.coverage-card,.guide-card,.price-card,.process-card,.analyse-panel,.sample-metric-card,.card,.tool-card,.article-card{background:var(--surface)!important;border:2px solid var(--border-gray)!important;border-radius:20px!important;box-shadow:none!important;}
.stat-item{padding:14px!important;text-align:left!important;}
.stat-num span,.sec-title,.metric-number,.sample-score-core strong{color:var(--text)!important;}
.stat-label,.sec-copy,.faq-a,.sample-copy{color:var(--text)!important;opacity:.7!important;}
.home-section,.faq-section{padding:88px 24px!important;background:var(--surface)!important;border-top:1px solid var(--gray)!important;}
.home-section.alt{background:var(--background-gray)!important;}
.section-head{max-width:760px!important;margin:0 auto 32px!important;text-align:center!important;align-items:center!important;}
.sec-title{font-size:clamp(28px,4.3vw,44px)!important;letter-spacing:-.04em!important;line-height:1.08!important;font-weight:800!important;}
.sec-copy{font-size:18px!important;line-height:1.6!important;}
.prompt-chip{border:2px solid var(--gray)!important;background:var(--surface)!important;border-radius:12px!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;}
.analyse-grid,.coverage-grid,.guide-grid,.pricing-grid,.sample-metrics-grid{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;}
.analyse-panel,.process-card,.guide-card,.price-card,.coverage-card{padding:20px!important;}
.price-card.featured{border-color:var(--gradient2)!important;box-shadow:0 0 0 4px rgba(65,178,240,.12)!important;}
.home-price{color:var(--text)!important;font-weight:800!important;}
.price-card li:before{background:var(--black)!important;color:var(--white)!important;}
.faq-inner{max-width:800px!important;}
.faq-item{border-bottom:2px solid var(--gray)!important;}
.faq-q{font-size:16px!important;font-weight:700!important;color:var(--text)!important;}
.faq-icon{border:2px solid var(--gray)!important;border-radius:10px!important;background:var(--surface)!important;color:var(--text)!important;}
.faq-item[open] .faq-icon{background:var(--black)!important;border-color:var(--black)!important;color:var(--white)!important;}
.site-footer{background:var(--surface)!important;border-top:1px solid var(--border-gray)!important;}
.footer-cta,.footer-contact-card{border:2px solid var(--border-gray)!important;background:var(--background-gray)!important;border-radius:20px!important;box-shadow:none!important;}
.footer-cta a{background:var(--black)!important;color:var(--white)!important;border-radius:10px!important;}
.footer-logo,.footer-title,.footer-cta h2{color:var(--text)!important;}
.footer-desc,.footer-links a,.footer-cta p,.footer-bottom{color:var(--text)!important;opacity:.72!important;}
.result-card,.score-card,.checks-card{border:2px solid var(--border-gray)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:none!important;}
@media(max-width:900px){
  .nav-inner{margin:0 15px!important;height:62px!important;padding:0 12px!important;}
  .nav-logo{font-size:18px!important;max-width:calc(100% - 150px)!important;}
  .nav-links{border:2px solid rgba(138,138,138,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.65)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
  html[data-theme="dark"] .nav-links{background:rgba(0,0,0,.62)!important;}
  .stats-row,.hero-stats,.sample-metrics-grid{grid-template-columns:1fr 1fr!important;}
  .home-hero{padding:120px 15px 54px!important;}
  .home-hero h1{font-size:42px!important;}
  .hero-sub{font-size:16px!important;}
}
@media(max-width:640px){
  .form-row{flex-direction:column!important;}
  .form-btn{width:100%!important;}
  .stats-row,.hero-stats,.pricing-grid,.coverage-grid,.guide-grid,.sample-metrics-grid{grid-template-columns:1fr!important;}
  .home-section,.faq-section{padding:60px 15px!important;}
}
@keyframes aivcSlideIn{from{transform:translateY(-18px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes aivcGradient{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}100%{background-position:0 0}}


/* === AI Visibility Checker final client revisions === */
.nav-lang-dropdown{display:none!important}
.home-hero h1 .ai-rotating{
  color:var(--text)!important;
  text-decoration:none!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 .16em!important;
  isolation:isolate!important;
}
.home-hero h1 .ai-rotating:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:.04em!important;right:.04em!important;bottom:.04em!important;
  height:.22em!important;border-radius:999px!important;
  background:linear-gradient(90deg,rgba(65,178,240,.35),rgba(124,58,237,.22))!important;
  z-index:-1!important;
}
html[data-theme="dark"] .home-hero h1 .ai-rotating:after{background:linear-gradient(90deg,rgba(65,178,240,.55),rgba(124,58,237,.38))!important}
.ai-logo{background:#fff!important;border-color:rgba(215,215,215,.9)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;color:#111!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html[data-theme="dark"] .ai-logo{background:#fff!important;border-color:rgba(255,255,255,.18)!important;filter:none!important}
.ai-logo::before{filter:none!important}
.logo-grok::before{content:"";width:18px;height:18px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"%3E%3Crect x="8" y="8" width="48" height="48" rx="14" fill="%23111111"/%3E%3Cpath d="M20 42 42 20M25 20h19v19" fill="none" stroke="%23fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E')!important}
.logo-deepseek::before{content:"";width:18px;height:18px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3ClinearGradient id="d" x1="0" y1="0" x2="1" y2="1"%3E%3Cstop stop-color="%2341B2F0"/%3E%3Cstop offset="1" stop-color="%237c3aed"/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx="32" cy="32" r="27" fill="url(%23d)"/%3E%3Cpath d="M18 35c8-15 20-15 28 0M22 42c6-7 14-7 20 0" fill="none" stroke="%23fff" stroke-width="5" stroke-linecap="round"/%3E%3Ccircle cx="25" cy="28" r="3" fill="%23fff"/%3E%3Ccircle cx="39" cy="28" r="3" fill="%23fff"/%3E%3C/svg%3E')!important}
html[data-theme="dark"] .price-card .home-btn,
html[data-theme="dark"] .pricing-grid .home-btn{
  background:#ffffff!important;color:#111111!important;border-color:#ffffff!important;
}
html[data-theme="dark"] .price-card .home-btn *,
html[data-theme="dark"] .pricing-grid .home-btn *{color:#111111!important}
html[data-theme="dark"] .score-boost-cta-btn,
html[data-theme="dark"] .footer-cta a{
  background:#232323!important;color:#ffffff!important;border-color:#444!important;
}
html[data-theme="dark"] .score-boost-cta-btn *,
html[data-theme="dark"] .footer-cta a *{color:#ffffff!important}
.price-card .home-btn{white-space:nowrap!important}
.prompt-chip .ai-logo,.engine-icons .ai-logo,.engine-mini .ai-logo{flex:0 0 30px!important}


/* AIVC v9: remove grey hover blocks from header navigation */
.nav .nav-link:hover,
.nav .nav-drop-btn:hover,
.nav .nav-drop-menu a:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--blue) !important;
}
.nav .nav-link:focus,
.nav .nav-drop-btn:focus,
.nav .nav-drop-menu a:focus {
  background: transparent !important;
  background-color: transparent !important;
}


/* v11: keep secondary tool buttons readable on every page/theme */
.btn.secondary,
a.btn.secondary,
button.btn.secondary {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: var(--border, #e2e8f0) !important;
}
.btn.secondary:hover,
a.btn.secondary:hover,
button.btn.secondary:hover {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
html[data-theme="dark"] .btn.secondary,
html[data-theme="dark"] a.btn.secondary,
html[data-theme="dark"] button.btn.secondary {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(255,255,255,.26) !important;
}
html[data-theme="dark"] .btn.secondary:hover,
html[data-theme="dark"] a.btn.secondary:hover,
html[data-theme="dark"] button.btn.secondary:hover {
  background: #dbeafe !important;
  color: #0f172a !important;
}

/* Breadcrumb glass background added after URL structure cleanup */
.breadcrumb,
.article-hero .breadcrumb{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  padding:10px 14px!important;
  border:1px solid rgba(37,99,235,.14)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
}
.breadcrumb span,
.article-hero .breadcrumb span{
  color:var(--text-3)!important;
}
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .article-hero .breadcrumb{
  border-color:rgba(96,165,250,.22)!important;
  background:rgba(15,23,42,.44)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}

