/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 01 2026 | 11:45:33 */

html { scroll-behavior: smooth; }
        h2[id] { scroll-margin-top: 100px; }
    .single-post .fbc.fbc-page ol.fbc-items{
        background-color:transparent !important;
    }
section.faq-section {
    display: none;
}
#author-bio-box{
	display:none;


}
.block{
 display:block !important;
}
section#policy {
    margin-top: 30px;
}

.blog_grid.full-width {
    display: block;
    max-width: 1500px;
    margin: 0 auto;
}
.review-meta-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin:20px 0;  
}

.meta-box {
    background: #ffffff;
    padding: 15px 25px;
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Subtle shadow */
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.meta-label {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #000000;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.meta-value {
    display: block;
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}
a.btn.btn-primary:hover {
    background-color: transparent;
    color: black;
    transition: all 0.4s ease;
}
.bar span {
    display: block;
    width: 18px;
    background-color: red;
    height: 3px;
}
.flex.bar {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#tocList{
	display:none;
}
.bar {
    display: flex;
    flex-direction: column;
    gap: 3px;
	cursor:pointer;
    align-items: center;
}
/* Mobile Responsive */
@media (max-width: 768px) {
	.meta-box {
    background: #ffffff;
		padding: 14px 16px;}
    .meta-box {
        flex: 1 1 calc(50% - 15px); /* 2 columns on mobile */
    }
	.stock_box_idea.stock_box_idea_reviews_cat {
    grid-template-columns: repeat(1, 1fr) !important;
}
	    .blog_pera p, .blog_pera p a, .entry-content p, p {
        font-size: 19px !important;
    }
	.section-card h2,.policy-banner h2,.score-top h2 {
    font-size: 25px !important;
}
	.page-template-default h4, .page-template-default p, li {
    font-size: 15px !important;
   line-height:20px !important;
}
	.chip, .label-row span, .inline-meta span, .score-meta span{
		    font-size: 10px !important;		
	}
	.snapshot ul{
		padding-left:0 !important;
		
	}
	    .blog_pera h1, h1 {
        font-size: 34px !important;
        line-height: 39px !important;
    }
	.blog_pera h2, .entry-content h2, h2 {
    font-size: 20px;
    line-height: 25px;
}
	.cta-row a{
		    padding: 10px;
	}
	.blog_pera ul {
    margin: 0 0 10px;
    padding-left: 10px !important;
}
	.faq-entry summary {
    font-size: 16px !important;
}
	.score-top {
		   flex-wrap: wrap;
		
	}
}

@media (max-width: 480px) {
    .meta-box {
        flex: 1 1 100%; /* Full width on very small screens */
    }
}
:root {
      --bg: #f2f2f2;
      --surface: #ffffff;
      --surface-soft: #f7f7f7;
      --surface-strong: #ededed;
      --text: #111111;
      --muted: #5c5c5c;
      --border: #d8d8d8;
      --accent: #1f1f1f;
      --accent-dark: #000000;
      --success: #222222;
      --warn: #4a4a4a;
      --shadow: 0 18px 50px rgba(16, 24, 40, 0.08);
      --radius-lg: 24px;
      --radius-md: 18px;
      --max: 1240px;
     
    }

    * {
      box-sizing: border-box;
    }
.blog_pera {
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.score-top p.muted {
    font-size: 15px;
    margin-bottom: 0;
}
.disclaimer_message_content {
    max-width: 750px;
}
.blog_pera .blog_list_menu {
    display: none;
}

.post-thumbnail {
    display: none;
}
    body {
      margin: 0;
      background:
        radial-gradient(circle at top right, rgba(0, 0, 0, 0.08), transparent 28%),
        radial-gradient(circle at left 20%, rgba(0, 0, 0, 0.05), transparent 24%),
        linear-gradient(180deg, #f7f7f7 0%, #ededed 100%);
      color: var(--text);
  
      line-height: 1.6;
    }

    .page {
      max-width: var(--max);
      margin: 0 auto;
      padding: 32px 20px 72px;
    }

    .site-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 16px 20px;
      border: 1px solid rgba(220, 230, 245, 0.95);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.82);
      box-shadow: var(--shadow);
      backdrop-filter: blur(14px);
    }

    .brand {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: 24px;
      letter-spacing: -0.03em;
      color: #111111;
    }

    .site-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      font-size: 14px;
      font-weight: 700;
      color: var(--muted);
    }

    .site-nav a,
    .breadcrumb a,
    .toc-list a,
    .inline-link {
      color: inherit;
      text-decoration: none;
    }

    .breadcrumb {
      margin: 18px 0 16px;
      color: var(--muted);
      font-size: 14px;
    }

    .hero-shell {
      display: grid;
      gap: 20px;
    }

    .trust-strip {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .trust-item {
      padding: 14px 16px;
      border-radius: 18px;
      border: 1px solid var(--border);
      background: rgba(255, 255, 255, 0.82);
      box-shadow: var(--shadow);
    }

    .trust-item strong {
      display: block;
      margin-bottom: 2px;
      font-size: 14px;
      color: #111111;
    }

    .trust-item span {
      font-size: 13px;
      color: var(--muted);
    }

    .hero {
    display: flex;
		    
    gap: 22px;
    align-items: flex-start;
}
    .hero-main,
    .hero-side,
    .section-card,
    .rail-card,
    .author-card,
    .policy-card {
      background: var(--surface);
      border: 1px solid var(--border);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow);
    }

    .hero-main {
      padding: 30px;
      position: relative;
      overflow: hidden;
      display: flex;
		flex-direction:column;
      gap: 18px;
		max-width:750px;
      align-content: start;
    }

    .hero-main::before {
      content: "";
      position: absolute;
      inset: 0 0 auto auto;
      width: 240px;
      height: 240px;
      background: radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%, transparent 68%);
      pointer-events: none;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 12px;
      border-radius: 999px;
      background: var(--surface-soft);
      border: 1px solid var(--border);
      color: var(--accent-dark);
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    h1 {
      margin: 16px 0 12px;
      font-family: var(--font-heading);
      font-size: clamp(25px, 4.2vw, 50px);
      line-height: 1.01;
      letter-spacing: -0.05em;
      max-width: none;
    }

    .byline-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 16px;
      margin-bottom: 16px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 700;
    }

    .byline-row span {
      padding: 8px 12px;
      border-radius: 999px;
      background: #f6f6f6;
      border: 1px solid var(--border);
    }

    .byline-row strong {
      color: #111111;
    }

    .subhead {
      margin: 0 0 18px;
      font-size: 19px;
      line-height: 1.55;
      max-width: 62ch;
      color: #3f3f3f;
    }

    .chip-row,
    .meta-row,
    .cta-row,
    .score-meta,
    .inline-meta,
    .label-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
		row-gap:10px;
    }

    .chip, .label-row span, .inline-meta span, .score-meta span {
    /* padding: 8px 12px; */
    border-radius: 999px;
    background: #f6f6f6;
    border: 1px solid var(--border);
    color: var(--accent-dark);
    font-size: 13px;
    display: flex;
    font-weight: 800;
    align-items: center;
     line-height: 16px;
    
    padding: 12px;
}

    .cta-row {
      margin-top: 20px;
    }

    .affiliate-module {
      margin-top: 0;
      padding: 16px 18px;
      border-radius: 18px;
      border: 1px solid var(--border);
      background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 100%);
      box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.03);
    }

    .affiliate-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      margin-bottom: 0;
    }

    .affiliate-head h3,
    .affiliate-price {
      margin: 0;
      font-family: var(--font-heading);
      font-size: 22px;
      line-height: 1.1;
    }

    .affiliate-tag {
      padding: 7px 11px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid var(--border);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #111111;
    }

    .affiliate-price strong {
      color: var(--muted);
      font-size: 12px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      font-family: var(--font-body);
      margin-right: 10px;
    }

    .affiliate-module .cta-row {
      margin-top: 12px;
    }

    .affiliate-note {
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.65;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 18px;
      border-radius: 14px;
      font-weight: 800;
      text-decoration: none;
      transition: transform 0.18s ease, box-shadow 0.18s ease;
    }

    .btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
    }

    .btn-primary {
      background: var(--accent);
      color: #fff;
    }

    .btn-secondary {
      color: #111111;
      border: 1px solid var(--border);
      background: #fff;
    }

.hero-side {
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    max-width: 360px;
    top: 20px;
    width: 100%;
}

    .score-top {
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 16px;
		
    }

    .score-top h2 {
      margin: 0;
      font-family: var(--font-heading);
      font-size: 30px;
      line-height: 1.05;
    }

    .score-badge {
      min-width: 98px;
      padding: 14px 12px;
      border-radius: 20px;
      background: linear-gradient(180deg, #2d2d2d 0%, #000000 100%);
      color: #fff;
      text-align: center;
    }

    .score-badge strong {
      display: block;
      font-size: 30px;
      line-height: 1;
    }

    .score-badge span {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .quick-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 15px;
    }

    .quick-table td {
      padding: 12px 0;
      border-bottom: 1px solid var(--border);
      vertical-align: top;
    }

    .quick-table tr:last-child td {
      border-bottom: 0;
    }

    .quick-table td:first-child {
      width: 42%;
      color: var(--muted);
      font-weight: 700;
    }

    .quick-table td:last-child {
      font-weight: 700;
      color: #111111;
    }

    .snapshot {
      padding: 16px;
      border-radius: 18px;
      background: var(--surface-soft);
      border: 1px solid var(--border);
    }

    .snapshot h3 {
      margin: 0 0 10px;
      font-family: var(--font-heading);
      font-size: 22px;
    }

    .snapshot ul {
      margin: 0;
      padding-left: 18px;
    }

    .snapshot li {
      margin-bottom: 8px;
    }

    .layout {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
      margin-top: 18px;
      align-items: start;
    }

    .article-main {
      display: grid;
      gap: 20px;
    }

    .article-flow {
      padding: 8px 4px;
    }

    .article-flow h2,
    .article-flow h3 {
      font-family: var(--font-heading);
      line-height: 1.1;
      color: #111111;
    }

    .article-flow h2 {
      margin: 34px 0 14px;
      font-size: 36px;
      letter-spacing: -0.03em;
    }

    .article-flow h3 {
      margin: 24px 0 10px;
      font-size: 24px;
      letter-spacing: -0.02em;
    }

    .article-flow p {
      margin: 0 0 16px;
      max-width: 70ch;
      font-size: 17px;
      line-height: 1.75;
    }

    .article-flow > h2:first-child {
      margin-top: 0;
    }

    .article-flow .cta-line {
      margin: 6px 0 24px;
      font-weight: 800;
      color: #111111;
    }

    .article-flow .cta-line a {
      color: #111111;
      text-decoration: none;
      border-bottom: 1px solid #111111;
    }

    .article-flow ul {
      margin: 0 0 18px;
      padding-left: 20px;
      max-width: 70ch;
    }

    .article-flow li {
      margin-bottom: 9px;
      line-height: 1.7;
    }

    .article-flow .callout-inline {
      margin: 20px 0 24px;
      padding: 18px 20px;
      border-left: 4px solid #111111;
      background: #f5f5f5;
      border-radius: 0 16px 16px 0;
      max-width: 72ch;
    }

    .article-flow .flow-divider {
      height: 1px;
      margin: 28px 0;
      background: linear-gradient(90deg, #dcdcdc 0%, rgba(220, 220, 220, 0.2) 100%);
      border: 0;
    }

    .article-flow .detail-table {
      max-width: 920px;
      margin: 12px 0 18px;
    }

    .summary-strip,
    .phase-grid,
    .feature-snapshot,
    .pricing-cards,
    .fit-grid,
    .alt-compare,
    .proof-strip {
      display: grid;
      gap: 14px;
      margin: 20px 0 24px;
      max-width: 980px;
    }

    .summary-strip {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .phase-grid,
    .feature-snapshot,
    .fit-grid,
    .alt-compare {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pricing-cards {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .proof-strip {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .summary-card-mini,
    .phase-card,
    .feature-card,
    .pricing-card,
    .fit-card,
    .alt-card-inline,
    .proof-card-inline {
      padding: 16px 18px;
      border: 1px solid var(--border);
      border-radius: 18px;
      background: linear-gradient(180deg, #fafafa 0%, #f3f3f3 100%);
    }

    .summary-card-mini strong,
    .phase-card strong,
    .feature-card strong,
    .pricing-card strong,
    .fit-card strong,
    .alt-card-inline strong,
    .proof-card-inline strong {
      display: block;
      margin-bottom: 8px;
      color: #111111;
      font-size: 15px;
      letter-spacing: -0.01em;
    }

    .summary-card-mini p,
    .phase-card p,
    .feature-card p,
    .pricing-card p,
    .fit-card p,
    .alt-card-inline p,
    .proof-card-inline p {
      margin: 0;
      font-size: 15px;
      line-height: 1.6;
    }

    .pricing-card .price-tag {
      display: inline-block;
      margin-bottom: 10px;
      font-size: 28px;
      font-weight: 800;
      line-height: 1;
      color: #111111;
    }

    .proof-card-inline .big-number {
      display: block;
      margin-bottom: 8px;
      font-size: 28px;
      font-weight: 800;
      line-height: 1;
      color: #111111;
    }

    .mini-summary {
      margin: 18px 0 22px;
      padding: 16px 18px;
      max-width: 72ch;
      border-radius: 16px;
      background: #f6f6f6;
      border: 1px solid var(--border);
      font-size: 15px;
      line-height: 1.65;
    }

    .mini-summary strong {
      color: #111111;
    }

    .pros-cons-showcase {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 16px;
      max-width: 980px;
      margin: 18px 0 24px;
    }

    .pros-panel,
    .cons-panel {
      padding: 22px;
      border: 1px solid var(--border);
      border-radius: 22px;
      background: linear-gradient(180deg, #fbfbfb 0%, #f2f2f2 100%);
    }

    .pros-panel {
      box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.03);
    }

    .cons-panel {
      background: linear-gradient(180deg, #f7f7f7 0%, #efefef 100%);
    }

    .pros-cons-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid #dfdfdf;
    }

    .pros-cons-head h3 {
      margin: 0;
      font-size: 22px;
    }

    .pros-cons-badge {
      padding: 7px 10px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid var(--border);
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .pros-panel .pros-cons-badge {
      color: #111111;
    }

    .cons-panel .pros-cons-badge {
      color: #4a4a4a;
    }

    .pros-list,
    .cons-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .pros-list li,
    .cons-list li {
      position: relative;
      margin-bottom: 12px;
      padding-left: 28px;
      line-height: 1.65;
    }

    .pros-list li::before,
    .cons-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.45em;
      width: 14px;
      height: 14px;
      border-radius: 50%;
    }

    .pros-list li::before {
      background: linear-gradient(180deg, #111111 0%, #4c4c4c 100%);
      box-shadow: 0 0 0 4px rgba(17, 17, 17, 0.08);
    }

    .cons-list li::before {
      background: #9a9a9a;
      box-shadow: 0 0 0 4px rgba(154, 154, 154, 0.12);
    }

    .faq-accordion {
      display: grid;
      gap: 12px;
      max-width: 900px;
      margin: 18px 0 8px;
    }

    .faq-entry {
      border: 1px solid var(--border);
      border-radius: 18px;
      background: linear-gradient(180deg, #fbfbfb 0%, #f4f4f4 100%);
      overflow: hidden;
    }

    .faq-entry summary {
      list-style: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 18px 20px;
      font-family: var(--font-heading);
      font-size: 22px;
      line-height: 1.2;
    }

    .faq-entry summary::-webkit-details-marker {
      display: none;
    }

    .faq-entry summary::after {
      content: "+";
      flex: 0 0 auto;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--border);
      background: #ffffff;
      font-family: var(--font-body);
      font-size: 20px;
      font-weight: 800;
      line-height: 1;
    }

    .faq-entry[open] summary::after {
      content: "−";
    }

    .faq-answer {
      padding: 0 20px 20px;
      color: #2d2d2d;
    }

    .faq-answer p {
      margin: 0;
      max-width: none;
    }

    .rail {
      display: grid;
      gap: 18px;
      position: sticky;
      top: 20px;
    }

    .section-card,
    .rail-card,
    .author-card,
    .policy-card {
      padding: 24px;
    }
.author-card{
  margin-top:30px;
}
.lwptoc {
  display:none;
}
.excerpt p{
  margin:0;
}
    .section-card h2,
    .rail-card h3,
    .author-card h3,
    .policy-card h3 {
      margin: 0 0 14px;
      font-family: var(--font-heading);
      line-height: 1.1;
    }

    .section-card h2 {
      font-size: 34px;
    }

    .section-card p,
    .rail-card p,
    .author-card p,
    .policy-card p {
      margin: 0 0 14px;
    }
.policy-banner a{
	    margin-bottom: 20px;
}
    .policy-banner {
      padding: 22px 24px;
      border-radius: var(--radius-lg);
      background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
      border: 1px solid var(--border);
      box-shadow: var(--shadow);
    }

    .policy-banner h2 {
      margin: 0 0 10px;
      font-family: var(--font-heading);
      font-size: 28px;
      line-height: 1.1;
    }

    .split-grid,
    .feature-grid,
    .price-grid,
    .pros-cons-grid,
    .story-grid,
    .report-grid,
    .alt-grid,
    .policy-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 16px;
    }

    .price-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .feature-box,
    .mini-card,
    .pros-box,
    .cons-box,
    .story-card,
    .report-card,
    .alt-card,
    .policy-mini,
    .faq-item,
    .method-box {
      padding: 18px;
      border-radius: var(--radius-md);
      border: 1px solid var(--border);
      background: var(--surface-soft);
    }

    .feature-box h4,
    .mini-card h4,
    .pros-box h4,
    .cons-box h4,
    .story-card h3,
    .report-card h4,
    .alt-card h4,
    .policy-mini h4,
    .faq-item h4,
    .method-box h4 {
      margin: 0 0 10px;
      color: #111111;
      font-size: 18px;
      line-height: 1.2;
    }

    .price-tier {
      padding: 20px;
      border-radius: var(--radius-md);
      border: 1px solid var(--border);
      background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
    }

    .price-tier h4 {
      margin: 0 0 8px;
      font-size: 18px;
      color: #111111;
    }

    .price {
      display: block;
      margin-bottom: 10px;
      font-size: 34px;
      font-weight: 800;
      line-height: 1;
      color: var(--accent-dark);
    }

    .detail-table {
      width: 100%;
      margin-top: 12px;
      border-collapse: collapse;
      font-size: 15px;
    }

    .detail-table th,
    .detail-table td {
      padding: 14px 16px;
      border-bottom: 1px solid var(--border);
      text-align: left;
      vertical-align: top;
    }

    .detail-table th {
      width: 28%;
      color: var(--muted);
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.04em;
    }

    .detail-table tr:last-child th,
    .detail-table tr:last-child td {
      border-bottom: 0;
    }

    .quote-block {
      margin-top: 14px;
      padding: 18px;
      border-radius: var(--radius-md);
      background: linear-gradient(180deg, #efefef 0%, #fafafa 100%);
      border: 1px solid #d9d9d9;
      color: #222222;
      font-style: italic;
      font-weight: 700;
    }

    .toc-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .toc-list a {
      display: block;
      padding: 10px 12px;
      border-radius: 14px;
      color: #111111;
      font-weight: 700;
      background: var(--surface-soft);
      border: 1px solid var(--border);
    }

    .check-list,
    .bullet-list,
    .proscons {
      margin: 0;
      padding-left: 20px;
    }

    .check-list li,
    .bullet-list li,
    .proscons li {
      margin-bottom: 8px;
    }

    .score-bars {
      display: grid;
      gap: 12px;
      margin-top: 12px;
    }

    .score-line {
      display: grid;
      grid-template-columns: 110px 1fr 42px;
      gap: 10px;
      align-items: center;
      font-size: 14px;
      font-weight: 700;
    }

    .score-line span:first-child {
      color: var(--muted);
    }

    .track {
      height: 9px;
      border-radius: 999px;
      background: #dddddd;
      overflow: hidden;
    }

    .fill {
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #666666 0%, #111111 100%);
    }

    .pros-box h4 {
      color: var(--success);
    }

    .cons-box h4 {
      color: var(--warn);
    }

    .author-name {
      margin: 0 0 6px;
      font-family: var(--font-heading);
      font-size: 28px;
    }

    .muted {
      color: var(--muted);
    }

    .footer-note {
      margin-top: 30px;
      padding: 18px 22px;
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.84);
      border: 1px solid var(--border);
      color: var(--muted);
      box-shadow: var(--shadow);
      font-size: 14px;
    }

    @media (max-width: 980px) {
      .trust-strip,
      .hero,
      .hero-bridge,
      .hero-top,
      .layout,
      .split-grid,
      .feature-grid,
      .price-grid,
      .pros-cons-grid,
      .story-grid,
      .report-grid,
      .alt-grid,
      .policy-grid,
      .summary-strip,
      .phase-grid,
      .feature-snapshot,
      .pricing-cards,
      .fit-grid,
      .alt-compare,
      .proof-strip,
      .pros-cons-showcase {
        grid-template-columns: 1fr;
      }

      .hero-side,
      .rail {
        position: static;
      }

      h1 {
        max-width: none;
      }
    }


    @media (max-width: 640px) {
		.hero{
			flex-wrap:wrap;
		}
      .page {
        padding: 20px 14px 48px;
      }

      .site-header {
        flex-direction: column;
        align-items: flex-start;
        border-radius: 26px;
      }

      .hero-main,
      .hero-side,
      .section-card,
      .rail-card,
      .author-card,
      .policy-card,
      .policy-banner {
        padding: 20px;
        border-radius: 20px;
      }

      .score-line {
        grid-template-columns: 1fr;
      }
    }