/* NewSiteCheck V27: practical tools, readable guides, stable responsive layouts. */
:root{--accent:#6550e8;--accent2:#4b36ce;--soft:#f7f7fa}a{color:var(--accent)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8c78ff;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}p,li,dd,td{overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance}button,.secondary{cursor:pointer}.site-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.site-nav nav{display:flex;align-items:center;gap:22px}.site-nav nav a{color:#515861;text-decoration:none;font-size:14px;font-weight:550;white-space:nowrap}.site-nav nav a[aria-current=page]{color:var(--accent)}.site-nav .nav-cta{border:1px solid var(--line);padding:9px 13px;border-radius:9px;color:var(--ink)}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;padding:12px;z-index:99}.skip-link:focus{top:8px}.hero{padding:80px 0 54px}.hero h1{font-size:clamp(42px,6.4vw,74px);line-height:1.07;max-width:900px}.hero h1 span{color:var(--accent)}.hero .lead{font-size:19px;max-width:760px}.hero .microcopy{color:#59636e;gap:22px;flex-wrap:wrap}.hero .protocol{display:none}.hero-outcomes{margin-top:32px}.hero-shortcuts{margin:24px 0 0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.hero-shortcuts a{font-size:14px;text-decoration:none;font-weight:650}.why-panel{background:var(--soft);border-block:1px solid var(--line);padding:42px 0}.why-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px}.why-grid h2{font-size:28px;letter-spacing:-.03em;margin:0 0 12px}.why-grid p{color:var(--muted);margin:0}.quick-paths{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-paths a{background:white;border:1px solid var(--line);border-radius:12px;padding:15px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:650}.quick-paths a span{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:4px}.checks,.how,.pricing{padding-top:66px;padding-bottom:70px}.feature-grid{margin-top:30px}.feature-grid h3{margin-top:18px}.tool-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.directory-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.directory-card:hover{border-color:#c0b6f9}.directory-card .card-category{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:var(--accent)}.directory-card h2,.directory-card h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:14px 0 10px}.directory-card p{color:var(--muted);font-size:14px;margin:0 0 18px;flex:1}.directory-card a{font-size:14px;text-decoration:none;font-weight:700}.directory-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.directory-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}.directory-controls input,.directory-controls select{padding:12px 14px;border:1px solid #d6d9df;border-radius:9px;background:#fff;min-height:46px}.directory-controls input{width:min(500px,80vw)}.directory-controls p{font-size:13px;color:var(--muted);margin:12px 0}.page-top{padding:48px 0 32px}.page-top h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.05em;margin:16px 0;max-width:870px}.page-top .page-lead{font-size:18px;color:var(--muted);max-width:790px;margin-bottom:22px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb a{text-decoration:none}.content-section{padding-bottom:58px}.tool-panel{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:28px}.tool-panel h2{font-size:24px;margin:0 0 6px;letter-spacing:-.03em}.tool-panel p{color:var(--muted);font-size:14px}.tool-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.tool-form label{flex:1;display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;min-width:210px}.tool-form input,.tool-form select{width:100%;padding:14px;border:1px solid #d2d5dc;background:#fff;border-radius:10px;min-height:50px}.tool-form label.agent-label{flex:0 1 170px;min-width:145px}.tool-form button{padding:14px 21px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;min-height:50px;white-space:nowrap}.tool-notice{min-height:24px;margin-top:14px!important}.tool-notice.error{color:#a52d20}.tool-results{padding:28px;border:1px solid var(--line);border-radius:18px;scroll-margin-top:22px}.tool-result-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.tool-result-head h2{font-size:28px;letter-spacing:-.03em;margin:0}.tool-result-head p{font-size:14px;color:var(--muted);max-width:650px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.secondary{display:inline-block;padding:9px 13px;border:1px solid #d6d9df;border-radius:9px;background:#fff;color:var(--ink);text-decoration:none;font-size:13px;font-weight:650}.tool-summary{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tool-summary span,.result-state{font-size:12px;padding:6px 10px;border-radius:7px;font-weight:700}.pass{background:var(--goodbg);color:var(--good)}.attention{background:var(--warnbg);color:var(--warn)}.unknown{background:var(--neutralbg);color:var(--neutral)}.diagnostic-row{display:grid;grid-template-columns:74px 1fr;gap:16px;padding:19px 0;border-top:1px solid var(--line)}.diagnostic-row .result-state{align-self:start;text-align:center}.diagnostic-row h3{font-size:16px;margin:0 0 6px}.diagnostic-row p{font-size:14px;color:#535a64;margin:0 0 9px}.diagnostic-row summary{font-size:13px;color:var(--accent);cursor:pointer}.diagnostic-row details p{margin-top:10px}.evidence{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:14px}.evidence dt,.evidence dd{padding:12px 15px;border-bottom:1px solid var(--line);margin:0}.evidence dt{background:var(--soft);font-weight:650}.evidence dd{white-space:pre-wrap;color:#525965}.table-scroll{overflow-x:auto;margin:24px 0;max-width:100%;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:13px}caption{text-align:left;padding:12px 15px;font-weight:700;background:var(--soft)}th,td{text-align:left;padding:12px 15px;border-top:1px solid var(--line);vertical-align:top;min-width:120px;max-width:420px}th{background:var(--soft)}.source-details{margin:18px 0}.source-details summary{cursor:pointer;font-weight:650;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f4f7;border:1px solid var(--line);border-radius:10px;padding:18px;font-size:12px;max-height:480px;overflow:auto}code{font-size:.9em}.scope-note{font-size:13px;color:var(--muted);line-height:1.7}.tool-next{background:var(--soft);border-radius:12px;padding:22px;margin-top:24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.tool-next h3{margin:0 0 6px;font-size:18px}.tool-next p{font-size:14px;color:var(--muted);margin:0}.tool-next a{white-space:nowrap}.comparison-note{padding:15px 18px;background:#f5f1ff;border:1px solid #e1d9fb;border-radius:10px;font-size:13px}.comparison-note p{margin-bottom:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.info-grid article{border-top:1px solid var(--line);padding-top:20px}.info-grid h2{font-size:23px;letter-spacing:-.03em}.info-grid p,.info-grid li{font-size:15px;color:#535a64}.faq-block{margin:28px 0 50px}.faq-block h2{font-size:27px;letter-spacing:-.03em}.faq-block details{border-bottom:1px solid var(--line);padding:16px 0}.faq-block summary{font-size:16px;font-weight:650;cursor:pointer}.faq-block p{font-size:15px;color:var(--muted)}.guide-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:64px;align-items:start;padding:10px 0 70px}.guide-body{font-size:17px;line-height:1.8;color:#424a55}.guide-body h2{font-size:28px;line-height:1.22;letter-spacing:-.035em;color:var(--ink);margin:42px 0 15px;scroll-margin-top:25px}.guide-body h3{font-size:20px;color:var(--ink)}.guide-body li{margin-bottom:10px}.guide-body p{margin:0 0 18px}.guide-body .answer-box{padding:22px;background:var(--soft);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;font-size:16px}.guide-body .answer-box p{margin:0}.guide-aside{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;position:sticky;top:22px;font-size:14px}.guide-aside h2{font-size:15px;margin:0 0 12px}.guide-aside a{display:block;text-decoration:none;padding:5px 0;color:#555d68}.guide-aside .price-button{color:white;margin-top:16px;padding:12px;text-align:center}.guide-meta{font-size:13px;color:var(--muted)}.guide-source{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.related-section{border-top:1px solid var(--line);padding:42px 0}.related-section h2{font-size:24px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.studio-form label{display:block;font-size:13px;font-weight:700;margin-bottom:20px}.studio-form input,.studio-form textarea{display:block;width:100%;padding:12px;border:1px solid #d6d9df;border-radius:9px;margin-top:7px}.studio-form textarea{height:110px;resize:vertical}.studio-form small{display:block;color:var(--muted);font-weight:400;margin-top:6px}.preview-block{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;margin-bottom:20px}.preview-block h3{font-size:15px;margin:0 0 22px;color:#555d68}.preview-block p{font-size:14px;color:#4d535b}.preview-url{font-size:13px!important;color:#38434a!important;line-height:1.5}.search-title{font-size:21px;color:#241d8d;line-height:1.4;overflow-wrap:anywhere}.preview-block small{font-size:12px;color:var(--muted)}.workspace-card{padding:24px;border:1px solid var(--line);border-radius:14px;margin-bottom:15px}.workspace-card h2{font-size:20px;overflow-wrap:anywhere;margin:8px 0}.workspace-card p{font-size:14px;color:var(--muted)}.snapshot{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.empty-state{text-align:center;padding:60px 24px;background:var(--soft);border-radius:16px}.empty-state h2{font-size:28px;letter-spacing:-.03em}.checklist-top{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:20px 0 30px}.checklist-progress{flex:1;min-width:220px}.checklist-progress p{font-weight:700;font-size:14px}progress{height:12px;width:100%;accent-color:var(--accent)}.checklist-group{border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:18px}.checklist-group h2{font-size:21px;margin:0 0 16px}.checklist-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.checklist-item label{display:flex;gap:12px;align-items:center;cursor:pointer;font-size:15px}.checklist-item input{width:19px;height:19px;flex-shrink:0;accent-color:var(--accent)}.checklist-item.complete span{text-decoration:line-through;color:var(--muted)}.checklist-item a{white-space:nowrap;font-size:13px;text-decoration:none}.report-toolbar{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft);display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:24px 0}.report-toolbar label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:6px}.report-toolbar input,.report-toolbar select{border:1px solid #d7dae0;border-radius:8px;padding:9px;background:#fff}.result-empty{padding:25px;color:var(--muted)}.sample-banner{background:#f5f1ff;border:1px solid #ded6ff;padding:16px 20px;border-radius:12px;margin-bottom:25px}.sample-banner p{font-size:14px;margin:0;color:#5a4c79}.footer-links{gap:28px}.footer-links>div{min-width:100px}.footer-inner{gap:28px}.site-footer{margin-top:32px}.footer-brand{max-width:300px}.footer-brand p{font-size:13px}.footer-links a{font-size:13px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card:nth-child(n+4){grid-column:auto}.price-card:nth-child(n+4) .price b{font-size:31px}.price-button{display:inline-block;text-decoration:none}.pricing-note{max-width:800px}.report h2{font-size:34px}.guide-body a{text-underline-offset:3px}@media(max-width:950px){.site-nav nav{gap:14px}.guide-layout{grid-template-columns:minmax(0,1fr) 220px;gap:28px}.tool-card-grid{grid-template-columns:repeat(2,1fr)}.tool-result-head{flex-direction:column}.footer-inner{display:flex;flex-wrap:wrap}.footer-links{flex:1;min-width:300px}.why-grid{gap:28px}}@media(max-width:720px){.wrap{width:calc(100% - 32px)}.site-nav{align-items:flex-start;padding:18px 0;flex-direction:column;gap:16px}.site-nav nav{width:100%;flex-wrap:wrap;gap:10px 18px}.site-nav nav a{font-size:13px}.site-nav .nav-cta{padding:0;border:0}.hero{padding-top:48px}.hero h1{font-size:44px}.hero .lead{font-size:17px}.why-grid,.info-grid,.studio-grid{grid-template-columns:1fr}.quick-paths{gap:8px}.tool-card-grid{grid-template-columns:1fr}.directory-card{padding:22px}.page-top{padding-top:34px}.page-top h1{font-size:39px}.tool-panel,.tool-results{padding:20px}.tool-form{flex-direction:column;align-items:stretch}.tool-form label,.tool-form label.agent-label{min-width:0;flex:auto}.tool-form button{width:100%}.diagnostic-row{grid-template-columns:1fr;gap:8px}.diagnostic-row .result-state{justify-self:start}.evidence{grid-template-columns:1fr}.evidence dd{padding-top:8px}.evidence dt{padding-bottom:8px;border-bottom:0}.tool-next{flex-direction:column;align-items:start}.guide-layout{grid-template-columns:1fr}.guide-aside{position:static;grid-row:1}.guide-aside a:not(.price-button){display:inline-block;margin-right:12px}.guide-body{font-size:16px}.guide-body h2{font-size:25px}.pricing-grid{grid-template-columns:1fr}.report-toolbar{align-items:stretch}.report-toolbar label{flex:1;min-width:130px}.report-toolbar input{width:100%}.checklist-item{align-items:start}.footer-links{display:grid;grid-template-columns:1fr 1fr;min-width:0;width:100%}.button-row{gap:7px}.directory-controls label{width:100%}.directory-controls input{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;transition:none!important}}@media print{.site-nav,.site-footer,.tool-panel,.tool-next,.guide-aside,.button-row,.directory-controls,.report-toolbar,.hero,.pricing,.why-panel{display:none!important}.tool-results{border:0;padding:0}.source-details{display:none}.diagnostic-row,.workspace-card,.checklist-group{break-inside:avoid}.wrap{width:100%}.table-scroll{overflow:visible}.table-scroll td{min-width:0}.scope-note{color:#444}}

/* V27.2: consistent centered calls to action across pricing and tool pages. */
.price-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px 18px;
  text-align: center;
  vertical-align: middle;
  font: inherit;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.price-button:hover:not(:disabled) {
  background: #29244f;
  border-color: #29244f;
  color: #fff;
  transform: translateY(-1px);
}
.price-button:active:not(:disabled) { transform: translateY(0); }
.price-button.secondary-price:hover { background: #f3f0ff; border-color: #b7aafa; color: var(--ink); }
.pricing-grid .price-button {
  display: flex;
  width: 100%;
  min-height: 48px;
  margin-top: auto;
  padding: 12px 16px;
  text-align: center;
  white-space: normal;
}
.pricing-grid .price-card { min-width: 0; }
@media (prefers-reduced-motion: reduce) {
  .price-button { transition: none; }
  .price-button:hover:not(:disabled) { transform: none; }
}

/* V27.3 brand mark: the wordmark remains text and the icon stays legible at 32px. */
.brand .brand-mark {
  display: block;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: none;
  object-fit: contain;
}

/* V28 guided fix steps attached to visible findings only. */
.fix-flow{margin-top:14px;padding:16px;border:1px solid #ded9f5;border-radius:12px;background:#fff;color:#24252d;max-width:780px}
.fix-flow h5{font-size:15px;line-height:1.35;margin:0 0 7px;letter-spacing:-.01em}
.fix-flow>p{font-size:13px;line-height:1.6;color:#525866;margin:0 0 12px}
.fix-flow label{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700;margin:14px 0}
.fix-flow select{min-height:40px;min-width:155px;padding:8px 10px;border:1px solid #d3d5df;border-radius:8px;background:#fff;color:#1c2028}
.fix-flow ol{padding-left:22px;margin:12px 0;display:grid;gap:9px;font-size:13px;line-height:1.55;color:#404751}
.fix-flow .platform-hint{padding:10px 12px;background:#f6f4ff;border-radius:8px;color:#453d68!important}
.fix-flow>a{display:inline-block;font-size:13px;font-weight:650;text-underline-offset:3px;margin:2px 0 12px}
.fix-flow-actions{display:flex;flex-wrap:wrap;gap:8px}
.fix-flow-actions button{min-height:40px}
.fix-flow .fix-feedback{min-height:18px;margin-top:9px!important;color:#395b45!important}
.tool-checks .fix-flow{margin-top:12px}
.tool-checks .fix-flow p{font-size:13px}
@media(max-width:600px){.fix-flow{padding:13px}.fix-flow-actions button{width:100%}}
@media print{.fix-flow-actions,.fix-flow label{display:none!important}.fix-flow{border-color:#ddd;break-inside:avoid}}

.monitor-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px;margin:24px 0;background:#f1f7f4;border:1px solid #cbe5d4;border-radius:18px}.monitor-next.hidden{display:none}.monitor-next h3{margin:6px 0;font-size:22px}.monitor-next p{margin:0;max-width:600px}.tool-next-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.tool-next-actions>a:last-child{font-weight:700;color:#16543b}@media(max-width:680px){.monitor-next{flex-direction:column;align-items:flex-start}}@media print{.monitor-next{display:none!important}}

.pricing-teaser{padding:48px 0 70px;text-align:center}.pricing-teaser h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;margin:0 0 10px}.pricing-teaser p{color:#59636e;margin:0 auto 22px;max-width:590px}.pricing-teaser .price-button{display:inline-block}.pricing.page-standalone{padding-top:34px}.pricing.page-standalone .pricing-intro h2{font-size:clamp(28px,3vw,42px)}#scan{scroll-margin-top:24px}
.scanner:focus-within{border-color:#6550e8;box-shadow:0 0 0 4px rgba(101,80,232,.16),0 12px 40px rgba(16,18,20,.08)}
