:root{
  
  --color-bg: #EDE8DF;
  --color-bg-alt: #F5F1EA;
  --color-bg-dark: #1A1514;
  --color-brand: #E8502A;
  --color-brand-dark: #C43E1C;
  --color-brand-light: #F4795A;
  --color-white: #FFFFFF;
  --color-text: #1A1514;
  --color-text-muted: #7A736C;
  --color-text-light: #9E9890;
  --color-border: #D4CFC7;
  --color-border-light: #E8E3DC;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5F1EA;
  --color-success: #2D7A4F;
  --color-warning: #B7621A;
  --color-error: #C0392B;
  --color-info: #2E5FAC;

  
  --font-sans: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui, sans-serif;

  
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;

  
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-full: 9999px;

  
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;

  
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  
  --container-max: 1200px;
  --container-narrow: 800px;
  --container-wide: 1400px;

  
  --nav-height: 68px;

  
  --transition: 180ms ease;
  --transition-slow: 320ms ease;
}
*,*::before,*::after{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html{
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  overflow-x: hidden;
}
body{
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--weight-normal);
  line-height: var(--leading-normal);
  color: var(--color-text);
  background-color: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  overflow-x: clip;
}
img,svg,video,canvas,audio,iframe,embed,object{
  display: block;
  max-width: 100%;
}
img{
  height: auto;
}
input,button,textarea,select{
  font: inherit;
  color: inherit;
}
button{
  cursor: pointer;
  border: none;
  background: none;
}
a{
  color: inherit;
  text-decoration: none;
}
ul,ol{
  list-style: none;
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}
hr{
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--space-8) 0;
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--font-sans);
  font-weight: var(--weight-black);
  line-height: var(--leading-tight);
  color: var(--color-text);
  letter-spacing: -0.02em;
}
h1{ font-size: var(--text-6xl); }
h2{ font-size: var(--text-4xl); }
h3{ font-size: var(--text-3xl); }
h4{ font-size: var(--text-2xl); }
h5{ font-size: var(--text-xl); }
h6{ font-size: var(--text-lg); }
@media (max-width: 768px){h1{ font-size: var(--text-4xl); }
h2{ font-size: var(--text-3xl); }
h3{ font-size: var(--text-2xl); }
h4{ font-size: var(--text-xl); }}
p{
  line-height: var(--leading-relaxed);
  color: var(--color-text);
}
.text-brand{ color: var(--color-brand); }
blockquote{
  border-left: 4px solid var(--color-brand);
  padding-left: var(--space-6);
  margin: var(--space-8) 0;
  font-size: var(--text-xl);
  font-style: italic;
  color: var(--color-text-muted);
  line-height: var(--leading-relaxed);
}
blockquote cite{
  display: block;
  margin-top: var(--space-3);
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: var(--weight-semibold);
  color: var(--color-text);
}
code{
  font-family: 'SFMono-Regular', 'Consolas', 'Liberation Mono', monospace;
  font-size: 0.9em;
  background: var(--color-border-light);
  padding: 0.15em 0.4em;
  border-radius: var(--radius-sm);
  color: var(--color-brand-dark);
}
pre{
  background: var(--color-bg-dark);
  color: var(--color-bg-alt);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  margin: var(--space-6) 0;
}
pre code{
  background: none;
  padding: 0;
  color: inherit;
  font-size: inherit;
}
.container{
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}
.flex{ display: flex; }
.fixed{ position: fixed; }
.block{ display: block; }
.hidden{ display: none; }
.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 0.65rem 1.25rem;
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  line-height: 1;
  border-radius: var(--radius-full);
  border: 1.5px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--transition), color var(--transition),
              border-color var(--transition), box-shadow var(--transition),
              transform var(--transition);
  user-select: none;
  letter-spacing: -0.01em;
}
.btn:active{
  transform: translateY(1px);
}
.btn svg{
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.btn-primary{
  background: linear-gradient(135deg, #2A2420 0%, #1A1514 100%);
  color: var(--color-white);
  border-color: transparent;
  box-shadow: none;
}
.btn-primary:hover{
  background: linear-gradient(135deg, #3A3330 0%, #2A2420 100%);
  box-shadow: none;
  color: var(--color-white);
}
.btn-brand{
  background: linear-gradient(135deg, var(--color-brand-light) 0%, var(--color-brand) 100%);
  color: var(--color-white);
  border-color: transparent;
  box-shadow: none;
}
.btn-brand:hover{
  background: linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 100%);
  box-shadow: none;
  color: var(--color-white);
}
.btn-outline{
  background: var(--color-white);
  color: var(--color-text);
  border-color: var(--color-border);
}
.btn-outline:hover{
  background: var(--color-bg);
  border-color: var(--color-text-muted);
  color: var(--color-text);
}
.btn-white{
  background: var(--color-white);
  color: var(--color-text);
  border-color: transparent;
  box-shadow: none;
}
.btn-white:hover{
  background: var(--color-bg-alt);
  box-shadow: none;
  color: var(--color-text);
}
.btn-sm{
  padding: 0.45rem 1rem;
  font-size: var(--text-xs);
}
.btn-lg{
  padding: 0.9rem 2rem;
  font-size: var(--text-base);
}
.btn:disabled,.btn[aria-disabled="true"]{
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.btn.loading{
  position: relative;
  color: transparent;
  pointer-events: none;
}
.btn.loading::after{
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  color: var(--color-white);
}
.hero{
  background: var(--color-bg);
  padding: var(--space-24) 0 var(--space-20);
  overflow: hidden;
  position: relative;
}
.hero--centered{
  text-align: center;
}
.hero__heading{
  font-size: var(--text-7xl);
  font-weight: var(--weight-black);
  line-height: var(--leading-tight);
  letter-spacing: -0.04em;
  color: var(--color-text);
  margin-bottom: var(--space-6);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.hero__heading em{
  font-style: normal;
  color: var(--color-brand);
}
.hero__sub{
  font-size: var(--text-xl);
  color: var(--color-text-muted);
  line-height: var(--leading-relaxed);
  max-width: 600px;
  margin: 0 auto var(--space-10);
  font-weight: var(--weight-normal);
}
.trust-strip{
  background: var(--color-bg);
  padding: var(--space-8) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}
.trust-strip__inner{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  flex-wrap: wrap;
}
.trust-item{
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-text-muted);
}
.trust-item svg{
  width: 18px;
  height: 18px;
  color: var(--color-brand);
  flex-shrink: 0;
}
.pill--active{
  background: var(--color-bg-dark);
  color: var(--color-white);
  border-color: transparent;
}
.section{
  padding: var(--space-20) 0;
}
.section--lg{
  padding: var(--space-32) 0;
}
.section--sm{
  padding: var(--space-12) 0;
}
.section--bg{
  background: var(--color-bg);
}
.section--white{
  background: var(--color-white);
}
.section--dark{
  background: var(--color-bg-dark);
  color: var(--color-white);
}
.section-header{
  text-align: center;
  margin-bottom: var(--space-16);
}
.section-label{
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--color-brand);
  margin-bottom: var(--space-4);
}
.section-title{
  font-size: var(--text-4xl);
  font-weight: var(--weight-black);
  letter-spacing: -0.03em;
  color: var(--color-text);
  margin-bottom: var(--space-5);
}
.section--dark .section-title{
  color: var(--color-white);
}
.section-desc{
  font-size: var(--text-lg);
  color: var(--color-text-muted);
  max-width: 560px;
  margin: 0 auto;
  line-height: var(--leading-relaxed);
}
.section--dark .section-desc{
  color: rgba(237,232,223,0.7);
}
.card{
  background: var(--color-white);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-light);
  padding: var(--space-8);
  transition: box-shadow var(--transition), transform var(--transition);
}
.card:hover{
  box-shadow: none;
  transform: translateY(-2px);
}
.card--flat{
  box-shadow: none;
  transition: none;
}
.card--flat:hover{
  box-shadow: none;
  transform: none;
}
.card--bordered{
  border: 1.5px solid var(--color-border);
}
.card--brand{
  border-color: var(--color-brand);
}
.card--dark{
  background: var(--color-bg-dark);
  color: var(--color-white);
  border-color: rgba(255,255,255,0.08);
}
.card--cream{
  background: var(--color-bg-alt);
  border-color: var(--color-border-light);
}
.card__link{
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-top: var(--space-4);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-brand);
  transition: gap var(--transition);
}
.card__link:hover{
  gap: var(--space-2);
  color: var(--color-brand-dark);
}
.card__link svg{
  width: 14px;
  height: 14px;
  transition: transform var(--transition);
}
.card__link:hover svg{
  transform: translateX(2px);
}
.features-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
}
@media (max-width: 1024px){.features-grid{
    grid-template-columns: repeat(2, 1fr);
  }}
@media (max-width: 768px){.features-grid{
    grid-template-columns: 1fr;
  }}
.stats-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-8);
  text-align: center;
}
@media (max-width: 768px){.stats-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-10);
  }}
.stat__number{
  font-size: var(--text-6xl);
  font-weight: var(--weight-black);
  color: var(--color-text);
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: var(--space-2);
}
.stat__number span{
  color: var(--color-brand);
}
.stat__label{
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  font-weight: var(--weight-medium);
}
.comparison-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-xl);
  box-shadow: none;
}
.comparison-table{
  width: 100%;
  min-width: 640px;
  background: var(--color-white);
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
}
.comparison-table th,.comparison-table td{
  padding: var(--space-4) var(--space-5);
  text-align: center;
  border-bottom: 1px solid var(--color-border-light);
}
.comparison-table th:first-child,.comparison-table td:first-child{
  text-align: left;
  font-weight: var(--weight-medium);
  width: 40%;
  position: sticky;
  left: 0;
  background: inherit;
  z-index: 1;
}
.comparison-table thead th{
  background: var(--color-bg-alt);
  font-weight: var(--weight-bold);
  font-size: var(--text-sm);
  color: var(--color-text);
  border-bottom: 2px solid var(--color-border);
}
.comparison-table thead th.highlight{
  background: var(--color-brand);
  color: var(--color-white);
}
.comparison-table tbody tr:last-child td{
  border-bottom: none;
}
.comparison-table tbody tr:hover td{
  background: var(--color-bg-alt);
}
.comparison-table tbody td:first-child{
  background: var(--color-white);
}
@media (max-width: 600px){.comparison-wrap{
    border-radius: var(--radius-lg);
    overflow: visible;
  }
.comparison-table{
    display: block;
    min-width: 0;
    width: 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }
.comparison-table thead{
    display: none;
  }
.comparison-table tbody{
    display: block;
  }
.comparison-table tr{
    display: block;
    border-bottom: 2px solid var(--color-border-light);
    padding: 1rem 1.25rem;
  }
.comparison-table tr:last-child{
    border-bottom: none;
  }
.comparison-table td{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.45rem 0;
    font-size: var(--text-sm);
    border: none;
    background: none !important;
    text-align: right;
  }
.comparison-table td:first-child{
    font-weight: var(--weight-bold);
    font-size: 0.875rem;
    color: var(--color-text);
    padding: 0 0 0.75rem 0;
    border-bottom: 1px solid var(--color-border-light);
    margin-bottom: 0.5rem;
    justify-content: flex-start;
    text-align: left;
  }
.comparison-table td:not(:first-child)::before{
    content: attr(data-label);
    font-weight: var(--weight-semibold);
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    text-align: left;
    flex-shrink: 0;
    margin-right: 0.5rem;
  }
.comparison-table td.highlight{
    color: var(--color-brand);
    font-weight: var(--weight-bold);
  }
.comparison-table tbody tr:hover td{
    background: none !important;
  }}
.comparison-table tbody tr:hover td:first-child{
  background: var(--color-bg-alt);
}
@media (max-width: 600px){.comparison-table--3col{ display: table; min-width: 0; }
.comparison-table--3col thead{ display: none; }
.comparison-table--3col tbody{ display: block; }
.comparison-table--3col tr{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0.875rem 1rem 1rem;
    border-bottom: 2px solid var(--color-border-light);
    row-gap: 0.625rem;
  }
.comparison-table--3col tr:last-child{ border-bottom: none; }
.comparison-table--3col td{
    border: none;
    background: none !important;
    padding: 0;
    font-size: var(--text-sm);
    text-align: center;
  }
.comparison-table--3col td:first-child{
    grid-column: 1 / -1;
    text-align: left;
    font-weight: var(--weight-bold);
    font-size: 0.875rem;
    color: var(--color-text);
    padding-bottom: 0.375rem;
    border-bottom: 1px solid var(--color-border-light);
  }
.comparison-table--3col td:not(:first-child){
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
.comparison-table--3col td:not(:first-child)::before{
    content: attr(data-label);
    font-size: 0.6rem;
    font-weight: var(--weight-bold);
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
  }
.comparison-table--3col td.highlight{ color: var(--color-brand); font-weight: var(--weight-bold); }
.comparison-table--3col tbody tr:hover td{ background: none !important; }}
@media (max-width: 640px){.article-table,.best-for-table,.comparison-table--full,.compare-table,.decision-table,.feature-compare-table{
    display: block;
    width: 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }
.article-table thead,.best-for-table thead,.comparison-table--full thead,.compare-table thead,.decision-table thead,.feature-compare-table thead{ display: none; }
.article-table tbody,.best-for-table tbody,.comparison-table--full tbody,.compare-table tbody,.decision-table tbody,.feature-compare-table tbody{ display: block; }
.article-table tr,.best-for-table tr,.comparison-table--full tr,.compare-table tr,.decision-table tr,.feature-compare-table tr{
    display: block;
    padding: 0.875rem 1rem;
    border-bottom: 2px solid var(--color-border-light);
  }
.article-table tr:last-child,.best-for-table tr:last-child,.comparison-table--full tr:last-child,.compare-table tr:last-child,.decision-table tr:last-child,.feature-compare-table tr:last-child{ border-bottom: none; }
.article-table td,.best-for-table td,.comparison-table--full td,.compare-table td,.decision-table td,.feature-compare-table td{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.4rem 0;
    font-size: var(--text-sm);
    border: none;
    background: none !important;
    text-align: right;
  }
.article-table td:first-child,.best-for-table td:first-child,.comparison-table--full td:first-child,.compare-table td:first-child,.decision-table td:first-child,.feature-compare-table td:first-child{
    font-weight: var(--weight-bold);
    font-size: 0.875rem;
    color: var(--color-text);
    justify-content: flex-start;
    text-align: left;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--color-border-light);
    margin-bottom: 0.25rem;
  }
.article-table tbody th[scope="row"],.best-for-table tbody th[scope="row"],.comparison-table--full tbody th[scope="row"],.compare-table tbody th[scope="row"],.decision-table tbody th[scope="row"],.feature-compare-table tbody th[scope="row"]{
    display: block;
    text-align: left;
    font-weight: var(--weight-bold);
    font-size: 0.875rem;
    color: var(--color-text);
    padding: 0 0 0.5rem;
    border: none;
    border-bottom: 1px solid var(--color-border-light);
    margin-bottom: 0.25rem;
    background: none !important;
  }
.article-table td:not(:first-child)::before,.best-for-table td:not(:first-child)::before,.comparison-table--full td:not(:first-child)::before,.compare-table td:not(:first-child)::before,.decision-table td:not(:first-child)::before,.feature-compare-table td:not(:first-child)::before{
    content: attr(data-label);
    font-weight: var(--weight-semibold);
    color: var(--color-text-muted);
    font-size: var(--text-xs);
    text-align: left;
    flex-shrink: 0;
  }}
@media (max-width: 600px){.comparison-wrap--scroll{ overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--radius-lg); }
.comparison-table--scroll{ display: table; min-width: 560px; font-size: 0.75rem; }
.comparison-table--scroll thead{ display: table-header-group; }
.comparison-table--scroll tbody{ display: table-row-group; }
.comparison-table--scroll tr{ display: table-row; border-bottom: none; padding: 0; }
.comparison-table--scroll td,.comparison-table--scroll th{ display: table-cell; padding: 0.4rem 0.5rem; white-space: nowrap; }
.comparison-table--scroll td:not(:first-child)::before{ display: none; }
.comparison-table--scroll td:first-child{ position: sticky; left: 0; background: #fff; z-index: 1; box-shadow: 2px 0 4px rgba(0,0,0,0.06); font-weight: var(--weight-semibold); }
.comparison-table--scroll th:first-child{ position: sticky; left: 0; z-index: 2; box-shadow: 2px 0 4px rgba(0,0,0,0.06); }}
@media (max-width: 767px){.cmp-table,.alt-table,.comparison-table--tools{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0.8125rem;
  }
.cmp-table th,.cmp-table td,.alt-table th,.alt-table td,.comparison-table--tools th,.comparison-table--tools td{
    white-space: nowrap;
    padding: 0.5rem 0.625rem;
  }
.cmp-table td:first-child,.alt-table td:first-child,.comparison-table--tools td:first-child{
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
  }
.cmp-table th:first-child,.alt-table th:first-child,.comparison-table--tools th:first-child{
    position: sticky;
    left: 0;
    z-index: 2;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
  }}
.check-yes{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  font-size: var(--text-lg);
}
.check-no{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-light);
  font-size: var(--text-base);
}
.check-partial{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-warning);
  font-size: var(--text-base);
}
.pros-cons-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
}
@media (max-width: 768px){.pros-cons-grid{
    grid-template-columns: 1fr;
  }}
.pros-cons-list{
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.cta-band{
  background: var(--color-brand);
  padding: var(--space-20) 0;
  position: relative;
  overflow: hidden;
}
.cta-band::before{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--color-brand-light) 0%, var(--color-brand) 50%, var(--color-brand-dark) 100%);
  opacity: 0.6;
}
.cta-band__inner{
  position: relative;
  z-index: 1;
  text-align: center;
}
.cta-band__title{
  font-size: var(--text-5xl);
  font-weight: var(--weight-black);
  color: var(--color-white);
  letter-spacing: -0.03em;
  margin-bottom: var(--space-5);
  line-height: var(--leading-tight);
}
.cta-band__sub{
  font-size: var(--text-lg);
  color: rgba(255,255,255,0.85);
  max-width: 520px;
  margin: 0 auto var(--space-10);
  line-height: var(--leading-relaxed);
}
.cta-band__actions{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  flex-wrap: wrap;
}
@media (max-width: 768px){.cta-band__title{
    font-size: var(--text-3xl);
  }}
.cta-band--dark{
  background: var(--color-bg-dark);
}
.cta-band--dark::before{
  background: none;
}
.cta-band--cream{
  background: var(--color-bg-alt);
}
.cta-band--cream .cta-band__title{
  color: var(--color-text);
}
.cta-band--cream .cta-band__sub{
  color: var(--color-text-muted);
}
.faq-section{
  padding: var(--space-20) 0;
  background: var(--color-bg);
}
.faq-list{
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.faq-item{
  background: var(--color-white);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  transition: box-shadow var(--transition);
}
.faq-item.open{
  box-shadow: none;
}
.faq-trigger{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  padding: var(--space-5) var(--space-6);
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  transition: background var(--transition);
}
.faq-trigger:hover{
  background: var(--color-bg-alt);
}
.faq-question{
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  color: var(--color-text);
  line-height: var(--leading-snug);
}
.faq-icon{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--color-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background var(--transition), transform var(--transition);
  color: var(--color-text-muted);
}
.faq-item.open .faq-icon{
  background: var(--color-brand);
  color: var(--color-white);
  transform: rotate(45deg);
}
.faq-body{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.faq-item.open .faq-body{
  max-height: 600px;
}
.faq-answer{
  padding: 0 var(--space-6) var(--space-6);
  font-size: var(--text-base);
  color: var(--color-text-muted);
  line-height: var(--leading-relaxed);
}
.faq-answer p + p{
  margin-top: var(--space-4);
}
.faq-answer a{
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.article-layout{
  background: var(--color-bg);
}
.article-header{
  margin-bottom: var(--space-10);
}
.article-header h1{
  font-size: var(--text-4xl);
  font-weight: var(--weight-black);
  letter-spacing: -0.03em;
  line-height: var(--leading-snug);
  margin-bottom: var(--space-5);
}
.article-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-4);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.form-group{
  margin-bottom: var(--space-5);
}
.form-label{
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-text);
  margin-bottom: var(--space-2);
}
.form-label--req::after{
  content: ' *';
  color: var(--color-brand);
}
.form-control--error{
  border-color: var(--color-error);
}
.form-control--error:focus{
  box-shadow: 0 0 0 3px rgba(192,57,43,0.12);
}
.form-control--success{
  border-color: var(--color-success);
}
.form-hint{
  display: block;
  margin-top: var(--space-2);
  font-size: var(--text-xs);
  color: var(--color-text-light);
}
.form-error{
  display: block;
  margin-top: var(--space-2);
  font-size: var(--text-xs);
  color: var(--color-error);
  font-weight: var(--weight-medium);
}
.char-counter{
  font-size: var(--text-xs);
  color: var(--color-text-light);
  text-align: right;
  margin-top: var(--space-1);
}
.char-counter.warn{
  color: var(--color-warning);
}
.char-counter.over{
  color: var(--color-error);
  font-weight: var(--weight-semibold);
}
.flash-messages{
  position: fixed;
  top: 68px;
  left: 0; right: 0;
  z-index: 9000;
  pointer-events: none;
}
.flash-messages .container{
  max-width: 560px;
  margin: 0 auto;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  pointer-events: none;
}
.flash{
  display: flex; align-items: center; gap: 0.75rem;
  padding: 0.875rem 1rem 0.875rem 1.125rem;
  border-radius: 12px;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem; font-weight: 500;
  box-shadow: 0 4px 24px rgba(0,0,0,.13), 0 1px 4px rgba(0,0,0,.07);
  animation: flashSlideDown .22s cubic-bezier(.4,0,.2,1);
  pointer-events: all;
  line-height: 1.45;
}
.flash--error,.flash--danger{
  background: #fff5f4;
  border: 1.5px solid #fbbfb4;
  color: #8b1c1c;
}
.flash--success{
  background: #f0fdf4;
  border: 1.5px solid #86efac;
  color: #14532d;
}
.flash--warning{
  background: #fffbeb;
  border: 1.5px solid #fde68a;
  color: #78350f;
}
.flash--info,.flash--message{
  background: #fff8f5;
  border: 1.5px solid #fdddd4;
  color: #7c3500;
}
.flash__icon{
  flex-shrink: 0;
  display: flex; align-items: center;
  opacity: .8;
}
.flash__message{ flex: 1; }
.flash__dismiss{
  flex-shrink: 0; background: none; border: none; cursor: pointer;
  color: inherit; opacity: .45; padding: .25rem; border-radius: 4px;
  display: flex; align-items: center; transition: opacity .15s;
  line-height: 0;
}
.flash__dismiss:hover{ opacity: 1; }
@keyframes flashSlideDown{
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.badge{
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 0.2em 0.6em;
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  border-radius: var(--radius-full);
  white-space: nowrap;
  line-height: 1;
}
.badge-brand{
  background: rgba(232,80,42,0.1);
  color: var(--color-brand-dark);
  border: 1px solid rgba(232,80,42,0.2);
}
.tool-page{
  padding: var(--space-12) 0 var(--space-20);
}
.pricing-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
  align-items: start;
}
@media (max-width: 1024px){.pricing-grid{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 768px){.pricing-grid{ grid-template-columns: 1fr; }}
.pricing-card{
  background: var(--color-white);
  border-radius: var(--radius-2xl);
  border: 1.5px solid var(--color-border-light);
  padding: var(--space-8);
  position: relative;
}
.pricing-card--featured{
  border-color: var(--color-brand);
  box-shadow: none;
}
.pricing-badge{
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-brand);
  color: var(--color-white);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  padding: 4px 14px;
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.pricing-plan{
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-4);
}
.pricing-price{
  margin-bottom: var(--space-2);
}
.pricing-price__amount{
  font-size: var(--text-5xl);
  font-weight: var(--weight-black);
  letter-spacing: -0.04em;
  color: var(--color-text);
  line-height: 1;
}
.pricing-price__period{
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin-left: var(--space-1);
}
.pricing-desc{
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin-bottom: var(--space-6);
  line-height: var(--leading-relaxed);
}
.pricing-features{
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--space-6);
  margin-bottom: var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.pricing-feature{
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.pricing-feature svg{
  width: 16px;
  height: 16px;
  color: var(--color-success);
  flex-shrink: 0;
  margin-top: 1px;
}
.steps{
  display: flex;
  align-items: flex-start;
  gap: 0;
  counter-reset: step;
}
.step{
  flex: 1;
  position: relative;
  text-align: center;
  counter-increment: step;
}
.step::before{
  content: '';
  position: absolute;
  top: 20px;
  left: calc(50% + 20px);
  right: calc(-50% + 20px);
  height: 2px;
  background: var(--color-border-light);
}
.step:last-child::before{
  display: none;
}
[data-tooltip]{
  position: relative;
}
[data-tooltip]::after{
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-bg-dark);
  color: var(--color-white);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--transition);
  z-index: 300;
}
[data-tooltip]:hover::after{
  opacity: 1;
}
.modal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(26,21,20,0.5);
  backdrop-filter: blur(4px);
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-5);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition);
}
.modal-overlay.open{
  opacity: 1;
  pointer-events: auto;
}
mark{
  background: rgba(232,80,42,0.15);
  color: var(--color-brand-dark);
  border-radius: 2px;
  padding: 0 2px;
}
@keyframes float{
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}
@keyframes spin{
  to { transform: rotate(360deg); }
}
@keyframes skeleton-shimmer{
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@keyframes slideInRight{
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideOutRight{
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeIn{
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadeInUp{
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scaleIn{
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate-float{ animation: float 4s ease-in-out infinite; }
:focus-visible{
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 2px;
}
:focus:not(:focus-visible){
  outline: none;
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}
.skip-link{
  position: absolute;
  top: -100%;
  left: var(--space-4);
  background: var(--color-brand);
  color: var(--color-white);
  padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  z-index: 1000;
  transition: top var(--transition);
}
.skip-link:focus{
  top: var(--space-4);
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
html{
    scroll-behavior: auto;
  }}
@media print{.cta-band,.btn{
    display: none !important;
  }
body{
    background: white;
    color: black;
    font-size: 12pt;
  }
.container{
    max-width: 100%;
    padding: 0;
  }
a{
    color: black;
    text-decoration: underline;
  }
h1,h2,h3{
    page-break-after: avoid;
  }
p,li{
    page-break-inside: avoid;
  }
img{
    max-width: 100% !important;
  }}
@media (max-width: 768px){.hero__heading{
    font-size: var(--text-4xl);
    letter-spacing: -0.03em;
  }
.hero__sub{
    font-size: var(--text-base);
  }
.section{
    padding: var(--space-12) 0;
  }
.section--lg{
    padding: var(--space-20) 0;
  }
.section-title{
    font-size: var(--text-3xl);
  }
.stats-grid{
    grid-template-columns: repeat(2, 1fr);
  }
.stat__number{
    font-size: var(--text-4xl);
  }
.trust-strip__inner{
    gap: var(--space-5);
  }
.cta-band__actions{
    flex-direction: column;
    align-items: stretch;
  }
.cta-band__actions .btn{
    width: 100%;
    justify-content: center;
  }}
@media (max-width: 480px){:root{
    --text-7xl: 3rem;
    --text-6xl: 2.5rem;
    --text-5xl: 2rem;
    --text-4xl: 1.75rem;
  }
.container{
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }}
.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid var(--color-border-light);
  box-shadow: none;
}
body.nav-open .site-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.site-header__inner{
  display: flex;
  align-items: center;
  height: var(--nav-height);
  gap: var(--space-6);
}
.site-header__logo{
  display: flex;
  align-items: center;
  gap: var(--space-2);
  text-decoration: none;
  flex-shrink: 0;
  color: var(--color-brand);
  font-size: var(--text-xl);
  font-weight: var(--weight-black);
  letter-spacing: -0.02em;
}
.site-header__logo-icon{
  color: var(--color-brand);
  flex-shrink: 0;
}
.site-header__logo-text{
  color: var(--color-dark);
}
.site-header__logo-dot{
  color: var(--color-brand);
}
.site-header__nav{
  flex: 1;
}
.site-header__nav-list{
  display: flex;
  align-items: center;
  gap: var(--space-1);
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-header__nav-item{
  position: relative;
}
.site-header__nav-link{
  display: flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--color-text);
  border-radius: var(--radius-sm);
  transition: color var(--transition), background var(--transition);
  white-space: nowrap;
  text-decoration: none;
}
.site-header__nav-link:hover,.site-header__nav-link--toggle:hover{
  background: var(--color-bg);
  color: var(--color-brand);
}
.site-header__chevron{
  transition: transform var(--transition);
}
.site-header__dropdown{
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 260px;
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  box-shadow: none;
  list-style: none;
  margin: 0;
  padding: var(--space-2);
  z-index: 200;
}
.site-header__nav-item--dropdown:hover > .site-header__dropdown,.site-header__nav-item--dropdown.open > .site-header__dropdown{
  display: block;
}
.site-header__dropdown--wide{
  min-width: 520px;
  column-count: unset;
}
.site-header__nav-item--dropdown:hover > .site-header__dropdown--wide,.site-header__nav-item--dropdown.open > .site-header__dropdown--wide{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.site-header__nav-item--dropdown:hover .site-header__chevron,.site-header__nav-item--dropdown.open .site-header__chevron{
  transform: rotate(180deg);
}
.site-header__dropdown-link{
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-3);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text);
  transition: background var(--transition);
}
.site-header__dropdown-link:hover{
  background: var(--color-bg);
}
.site-header__dropdown-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--color-bg);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
  color: var(--color-brand);
}
.site-header__dropdown-label{
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--color-text);
  line-height: 1.3;
}
.site-header__dropdown-desc{
  display: block;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  margin-top: 2px;
  line-height: 1.4;
}
.site-header__actions{
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-shrink: 0;
}
.site-header__action-link{
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--color-text);
  text-decoration: none;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  transition: color var(--transition);
}
.site-header__action-link:hover{
  color: var(--color-brand);
}
.site-header__hamburger{
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  margin-left: auto;
  border-radius: var(--radius-sm);
  color: var(--color-text);
  transition: background var(--transition);
}
.site-header__hamburger:hover{
  background: var(--color-bg);
}
.site-header__hamburger-bar{
  display: block;
  width: 22px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 200ms ease, opacity 200ms ease;
  transform-origin: center;
}
.site-header__hamburger.open .site-header__hamburger-bar:nth-child(1){
  transform: translateY(7px) rotate(45deg);
}
.site-header__hamburger.open .site-header__hamburger-bar:nth-child(2){
  opacity: 0;
  transform: scaleX(0);
}
.site-header__hamburger.open .site-header__hamburger-bar:nth-child(3){
  transform: translateY(-7px) rotate(-45deg);
}
.site-header__mobile-toggle{
  display: none;
}
.site-header__mobile-nav .site-header__mobile-toggle{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-2);
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  color: var(--color-text);
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-border-light);
  cursor: pointer;
  text-align: left;
}
.site-header__mobile-nav{
  display: none;
  position: fixed;
  top: var(--nav-height);
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: var(--space-6);
  overflow-y: auto;
  z-index: 999;
  border-top: 1px solid var(--color-border-light);
}
.site-header__mobile-nav.open{
  display: block;
}
.site-header__mobile-sub{
  padding-left: var(--space-4);
  list-style: none;
  margin: 0;
  padding: var(--space-2) 0 var(--space-2) var(--space-4);
}
.site-header__mobile-sub a{
  display: block;
  padding: var(--space-2) var(--space-2);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  text-decoration: none;
}
.site-header__mobile-sub a:hover{
  color: var(--color-brand);
}
.site-header__mobile-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.site-header__mobile-link{
  display: block;
  padding: var(--space-3) var(--space-2);
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  color: var(--color-text);
  text-decoration: none;
  border-radius: var(--radius-md);
  border-bottom: 1px solid var(--color-border-light);
}
.site-header__mobile-link:hover{
  color: var(--color-brand);
}
@media (max-width: 1023px){.site-header__nav{
    display: none;
  }
.site-header__actions{
    display: none;
  }
.site-header__hamburger{
    display: flex;
  }}
.site-footer{
  background: var(--color-bg-dark);
  color: rgba(255,255,255,0.7);
  padding: var(--space-16) 0 var(--space-8);
}
.site-footer__inner{
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--space-6);
}
.site-footer__top{
  display: grid;
  grid-template-columns: 1.5fr repeat(4, 1fr);
  gap: var(--space-10);
  padding-bottom: var(--space-12);
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
@media (max-width: 1023px){.site-footer__top{
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }}
@media (max-width: 767px){.site-footer__top{
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6) var(--space-8);
  }
.site-footer__brand{
    grid-column: 1 / -1;
    padding-bottom: var(--space-4);
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
.site-footer__bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }}
@media (max-width: 380px){.site-footer__top{
    grid-template-columns: 1fr;
  }}
.site-footer__brand{
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.site-footer__logo{
  display: flex;
  align-items: center;
  gap: var(--space-2);
  text-decoration: none;
  font-size: var(--text-xl);
  font-weight: var(--weight-black);
  letter-spacing: -0.02em;
}
.site-footer__logo-dot{
  color: var(--color-brand);
}
.site-footer__tagline{
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  color: rgba(255,255,255,0.55);
  max-width: 220px;
}
.site-footer__col-title{
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  color: rgba(255,255,255,0.4);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: var(--space-4);
}
.site-footer__link{
  font-size: var(--text-sm);
  color: rgba(255,255,255,0.65);
  text-decoration: none;
  transition: color var(--transition);
  line-height: 1.4;
}
.site-footer__link:hover{
  color: #fff;
}
.site-footer__bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--space-8);
  flex-wrap: wrap;
  gap: var(--space-4);
}
.site-footer__copy{
  font-size: var(--text-xs);
  color: rgba(255,255,255,0.35);
  margin: 0;
}
.site-footer__legal{
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.site-footer__legal-link{
  font-size: var(--text-xs);
  color: rgba(255,255,255,0.45);
  text-decoration: none;
}
.site-footer__legal-link:hover{
  color: rgba(255,255,255,0.8);
}
.site-footer__legal-sep{
  color: rgba(255,255,255,0.2);
}
.skip-link{
  position: absolute;
  top: -100px;
  left: var(--space-4);
  background: var(--color-dark);
  color: #fff;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  z-index: 9999;
  text-decoration: none;
}
.skip-link:focus{
  top: var(--space-4);
}
.article-layout{
  background: var(--color-bg);
  padding: 0;
}
.article-layout > .container{
  padding-top: var(--space-8);
  padding-bottom: var(--space-16);
}
.article-layout__grid{
  display: grid;
  grid-template-columns: 220px 1fr 260px;
  gap: 3rem;
  align-items: start;
  padding: 2.5rem 0 5rem;
}
.article-layout__toc{
  position: sticky;
  top: calc(var(--nav-height) + 1.5rem);
  max-height: calc(100vh - var(--nav-height) - 3rem);
  overflow-y: auto;
}
.article-layout__body{
  min-width: 0;
  max-width: 780px;
}
.article-layout__sidebar{
  position: sticky;
  top: calc(var(--nav-height) + 1.5rem);
}
@media (max-width: 1280px){.article-layout__grid{
    grid-template-columns: 200px 1fr;
  }
.article-layout__sidebar{ display: none; }}
@media (max-width: 900px){.article-layout__grid{
    grid-template-columns: 1fr;
    padding: 1.5rem 0 3rem;
  }
.article-layout__toc{ display: none; }}
.toc{
  background: var(--color-surface);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
}
.toc__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-4);
}
.toc__title{
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-text-muted);
}
.toc__toggle{
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-text-muted);
  padding: 2px;
}
.toc__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.toc__item{
  padding: 0;
}
.toc__item--sub .toc__link{
  padding-left: var(--space-4);
  font-size: var(--text-xs);
}
.toc__link{
  display: block;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  text-decoration: none;
  padding: var(--space-2) var(--space-2);
  border-radius: var(--radius-sm);
  line-height: 1.4;
  transition: color var(--transition), background var(--transition);
}
.toc__link:hover,.toc__link.active{
  color: var(--color-brand);
  background: rgba(232,80,42,0.06);
}
.article-layout__body h1{
  font-size: var(--text-4xl);
  font-weight: var(--weight-black);
  line-height: var(--leading-tight);
  letter-spacing: -0.02em;
  margin-bottom: var(--space-4);
}
.article-layout__body h2{
  font-size: var(--text-2xl);
  font-weight: var(--weight-black);
  line-height: var(--leading-snug);
  margin-top: var(--space-10);
  margin-bottom: var(--space-4);
  letter-spacing: -0.01em;
}
.article-layout__body h3{
  font-size: var(--text-xl);
  font-weight: var(--weight-bold);
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
}
.article-layout__body p{
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--color-text);
  margin-bottom: var(--space-5);
}
.article-layout__body ul,.article-layout__body ol{
  margin: 0 0 var(--space-5) var(--space-5);
  line-height: var(--leading-relaxed);
}
.article-layout__body li{
  margin-bottom: var(--space-2);
  font-size: var(--text-base);
}
.article-layout__body table{
  width: 100%;
  border-collapse: collapse;
  margin: var(--space-6) 0;
  font-size: var(--text-sm);
  overflow-x: auto;
  display: block;
}
.article-layout__body th{
  background: var(--color-dark);
  color: #fff;
  padding: var(--space-3) var(--space-4);
  text-align: left;
  font-weight: var(--weight-semibold);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.article-layout__body td{
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--color-border-light);
  vertical-align: top;
  line-height: 1.5;
}
.article-layout__body tr:last-child td{
  border-bottom: none;
}
.article-layout__body tr:nth-child(even) td{
  background: var(--color-bg);
}
.article-meta{
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-border-light);
}
.article-meta__item{
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.sidebar-card{
  background: var(--color-surface);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin-bottom: var(--space-4);
}
.sidebar-card--tool{
  background: var(--color-dark);
  border-color: transparent;
  color: #fff;
}
.sidebar-card--tool .sidebar-card__title{
  color: #fff;
}
.sidebar-card--tool .sidebar-card__text{
  color: rgba(255,255,255,0.65);
}
.sidebar-card__title{
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  margin-bottom: var(--space-3);
  color: var(--color-text);
}
.sidebar-card__text{
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin-bottom: var(--space-4);
  line-height: 1.5;
}
.sidebar-links{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.sidebar-link{
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  text-decoration: none;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition);
}
.sidebar-link svg{ flex-shrink: 0; margin-top: 2px; }
.sidebar-link:last-child{
  border-bottom: none;
}
.sidebar-link:hover{
  color: var(--color-brand);
}
.check-yes{
  color: var(--color-success);
  font-weight: var(--weight-semibold);
}
.check-no{
  color: var(--color-error);
}
.check-partial{
  color: var(--color-warning);
}
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');


:root{
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --btn-radius: 10px;
  --card-radius: 16px;
  --shadow-card: none;
  --shadow-none: none;
}
body{
  font-family: var(--font-body);
}
h1,h2,h3,h4,h5,h6,.section-title,.stat__number,.site-header__logo-text,.btn,.cta-section__headline,.paper-card__headline{
  font-family: var(--font-heading);
}
p,span,a,label,input,select,textarea,button,li,td,th{
  font-family: var(--font-body);
}
.btn{
  border-radius: var(--btn-radius) !important;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease, box-shadow 200ms ease !important;
  box-shadow: none !important;
  background-image: none !important;
}
.btn-primary{
  background: #1A1514 !important;
  background-image: none !important;
  border-radius: var(--btn-radius) !important;
  color: #fff !important;
}
.btn-primary:hover{
  background: #2D2523 !important;
  background-image: none !important;
  color: #fff !important;
  transform: none !important;
}
.btn-brand{
  background: #E8502A !important;
  background-image: none !important;
  border-radius: var(--btn-radius) !important;
  color: #fff !important;
}
.btn-brand:hover{
  background: #C9401C !important;
  background-image: none !important;
}
.btn-outline{
  border-radius: var(--btn-radius) !important;
  background: transparent !important;
  background-image: none !important;
}
.btn-white{
  border-radius: var(--btn-radius) !important;
  background: #fff !important;
  background-image: none !important;
  color: #1A1514 !important;
}
.btn-white:hover{
  background: #F5F0E8 !important;
}
.card,.tool-card,.trust-item{
  border-radius: var(--card-radius) !important;
  box-shadow: none !important;
  background-image: none !important;
}
.paper-card{
  position: relative;
  background: #fff;
  border-radius: 20px;
  padding: 56px 64px;
  overflow: hidden;
  max-width: 680px;
}
.paper-card::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 64px 64px 0;
  border-color: transparent #E8502A transparent transparent;
}
.paper-card::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 0 0 64px;
  border-color: transparent transparent transparent rgba(26,21,20,0.06);
  z-index: 1;
}
.paper-card__headline{
  font-family: var(--font-heading) !important;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.1;
  color: #1A1514;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
}
.paper-card__accent{
  font-family: var(--font-heading) !important;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.1;
  color: #E8502A;
  margin-bottom: 2rem;
  letter-spacing: -0.02em;
}
.paper-card__sub{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: #7A736C;
  margin-bottom: 1.5rem;
}
.cta-photo-section{
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
  padding: 96px 0;
  overflow: hidden;
}
.cta-photo-section::before{
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(26, 21, 20, 0.45);
}
.cta-photo-section .container{
  position: relative;
  z-index: 1;
}
.cta-email-btns{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.cta-email-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  border-radius: var(--btn-radius);
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 200ms ease, opacity 200ms ease;
  cursor: pointer;
  border: none;
  white-space: nowrap;
}
.cta-email-btn--gmail{
  background: #1A1514;
  color: #fff;
}
.cta-email-btn--gmail:hover{
  background: #2D2523;
  color: #fff;
}
.cta-email-btn--outlook{
  background: #fff;
  color: #1A1514;
  border: 1.5px solid rgba(0,0,0,0.12) !important;
}
.cta-email-btn--outlook:hover{
  background: #F5F0E8;
}
.cta-email-btn__icon{
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
h1{
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
}
h2{
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}
h3{
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}
.hero{
  padding-top: 72px;
  padding-bottom: 72px;
}
.site-header__logo-icon path,.site-header__logo-icon rect,.site-header__logo-icon polyline{
  stroke: #E8502A;
}
.comparison-table{
  box-shadow: none !important;
  border: 1.5px solid var(--color-border);
  border-radius: var(--card-radius);
  overflow: hidden;
}
.comparison-wrap{
  border: 1.5px solid var(--color-border);
  border-radius: var(--card-radius);
  overflow-x: auto;
  overflow-y: hidden;
}
.comparison-wrap .comparison-table{
  border: none;
  border-radius: 0;
}
input[type="text"],input[type="email"],input[type="password"],select,textarea{
  border-radius: 8px !important;
  border: 1.5px solid #D4CFC7 !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color 200ms ease !important;
  font-family: var(--font-body) !important;
  font-size: 0.9375rem !important;
}
input:focus,select:focus,textarea:focus{
  border-color: #E8502A !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232,80,42,0.12) !important;
}
section{
  position: relative;
}
.section-label{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #E8502A;
  margin-bottom: 0.875rem;
}
.faq-item{
  border-radius: 10px !important;
  overflow: hidden;
}
.comparison-table th{
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
}
.breadcrumbs{
  font-family: var(--font-body) !important;
  padding: 0.625rem 0 0.375rem;
  background: transparent;
}
.breadcrumbs__list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
}
.breadcrumbs__item{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.breadcrumbs__link{
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color 200ms ease;
}
.breadcrumbs__link:hover{ color: var(--color-brand); }
.breadcrumbs__sep{ color: var(--color-border); user-select: none; }
.breadcrumbs__current{ color: var(--color-text); font-weight: 600; }
.stat__number{
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}
@media (max-width: 767px){.paper-card{
    padding: 40px 32px;
    border-radius: 16px;
  }
.paper-card__headline,.paper-card__accent{
    font-size: 2rem;
  }
.cta-email-btns{
    flex-direction: column;
    align-items: flex-start;
  }}
a.btn,button.btn{
  border-radius: var(--btn-radius) !important;
}
.comparison-table td.highlight,.comparison-table th.highlight{
  background: rgba(232,80,42,0.07) !important;
  font-weight: 700;
}
.comparison-table thead th.highlight{
  background: rgba(232,80,42,0.12) !important;
  color: #1A1514 !important;
  border-bottom: 3px solid #E8502A !important;
}
.hero__sub{
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  color: #5A544E !important;
  font-size: 1.125rem !important;
  line-height: 1.65 !important;
}
.trust-strip{
  background: #fff;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}
.cta-band{
  background: #E8502A !important;
  background-image: none !important;
}
.stat__number span{
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}
.section-eyebrow{
  font-family: var(--font-body) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  border-radius: 4px !important;
}
img{
  max-width: 100%;
  height: auto;
}
.auth-page-body{
  background: var(--color-bg);
}
.auth-page-main{
  padding: 0 !important;
}
.auth-split{
  display: grid;
  
  grid-template-columns: min(50%, max(540px, calc((100vw - 1200px) / 2 + 464px))) 1fr;
  min-height: calc(100vh - var(--nav-height));
}
.auth-split__form{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  
  padding: 56px 40px 56px max(24px, calc((100vw - 1200px) / 2 + 24px));
  background: var(--color-bg);
}
.auth-form-wrap{
  width: 100%;
  max-width: 400px;
}
.auth-heading{
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.15;
  color: var(--color-dark);
  margin-bottom: 0.375rem;
}
.auth-sub{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  margin-bottom: 1.75rem;
}
.auth-card{
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 14px;
  padding: 28px 28px 24px;
  margin-bottom: 16px;
}
.auth-field{
  margin-bottom: 1.125rem;
}
.auth-label{
  display: block;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 6px;
  letter-spacing: 0.01em;
}
.auth-input{
  display: block;
  width: 100%;
  padding: 11px 14px;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-dark);
  background: #fff;
  border: 1.5px solid #D4CFC7;
  border-radius: 8px;
  transition: border-color 200ms ease, box-shadow 200ms ease;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-appearance: none;
}
.auth-input::placeholder{
  color: #B0A89F;
}
.auth-input:focus{
  outline: none;
  border-color: var(--color-brand);
  box-shadow: 0 0 0 3px rgba(232, 80, 42, 0.12);
}
.auth-field--error .auth-input{
  border-color: #C0392B;
}
.auth-error{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #C0392B;
  margin-top: 5px;
}
.auth-google-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 12px 20px;
  background: #fff;
  border: 1.5px solid #dadce0;
  border-radius: 10px;
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 600;
  color: #3c4043;
  text-decoration: none;
  cursor: pointer;
  transition: background 150ms ease, box-shadow 150ms ease;
  margin-bottom: 4px;
}
.auth-google-btn:hover{
  background: #f8f9fa;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12);
  color: #3c4043;
  text-decoration: none;
}
.auth-divider{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
  color: var(--color-text-light);
  font-size: 0.8125rem;
  font-family: var(--font-body);
}
.auth-divider::before,.auth-divider::after{
  content: '';
  flex: 1;
  height: 1px;
  background: var(--color-border);
}
.auth-submit{
  display: block;
  width: 100%;
  padding: 13px 20px;
  margin-top: 6px;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: var(--color-brand);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 200ms ease;
  text-align: center;
  letter-spacing: 0.01em;
}
.auth-submit:hover{
  background: var(--color-brand-dark);
}
.auth-privacy{
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.5;
  margin-bottom: 14px;
}
.auth-privacy svg{
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--color-text-muted);
}
.auth-privacy a{
  color: var(--color-text-muted);
  text-decoration: underline;
  transition: color 200ms ease;
}
.auth-privacy a:hover{
  color: var(--color-dark);
}
.auth-switch{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  text-align: center;
}
.auth-switch a{
  color: var(--color-dark);
  font-weight: 600;
  text-decoration: none;
  transition: color 200ms ease;
}
.auth-switch a:hover{
  color: var(--color-brand);
}
.auth-split__panel{
  background: #1A1514;
  padding: 64px 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.auth-panel-wrap{
  width: 100%;
  max-width: 440px;
}
.auth-panel__eyebrow{
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-brand);
  margin-bottom: 0.625rem;
}
.auth-panel__heading{
  font-family: var(--font-heading);
  font-size: 1.875rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.15;
  color: #fff;
  margin-bottom: 2rem;
}
.auth-benefits{
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.auth-benefit{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.auth-benefit__check{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: rgba(232, 80, 42, 0.15);
  border-radius: 6px;
  flex-shrink: 0;
  color: var(--color-brand);
  margin-top: 1px;
}
.auth-benefit__title{
  display: block;
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
}
.auth-benefit__desc{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  margin: 0;
}
.auth-identity-card{
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 1.5rem;
}
.auth-identity-card__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.auth-identity-card__label{
  font-family: var(--font-body);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}
.auth-identity-card__badge{
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--color-brand);
  background: rgba(232, 80, 42, 0.15);
  padding: 3px 9px;
  border-radius: 4px;
}
.auth-identity-card__scores{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
}
.auth-score{
  display: grid;
  grid-template-columns: 80px 1fr 36px;
  align-items: center;
  gap: 10px;
}
.auth-score__name{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.65);
}
.auth-score__bar{
  height: 5px;
  background: rgba(255, 255, 255, 0.10);
  border-radius: 3px;
  overflow: hidden;
}
.auth-score__fill{
  height: 100%;
  background: var(--color-brand);
  border-radius: 3px;
}
.auth-score__val{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-brand);
  text-align: right;
}
.auth-identity-card__signoff{
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 12px;
}
.auth-identity-card__signoff-label{
  display: block;
  font-family: var(--font-body);
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  margin-bottom: 5px;
}
.auth-identity-card__signoff-val{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  font-style: italic;
}
.auth-testimonial{
  border-left: 3px solid rgba(232, 80, 42, 0.5);
  padding-left: 16px;
  margin: 0;
}
.auth-testimonial__text{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 8px;
  font-style: italic;
}
.auth-testimonial__author{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.35);
}
@media (max-width: 900px){.auth-split{
    grid-template-columns: 1fr;
  }
.auth-split__panel{
    padding: 48px 32px;
  }
.auth-split__form{
    padding: 48px 24px;
  }
.auth-identity-card{
    display: none;
  }}
.hero__cta-label{
  display: block;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin-bottom: 1rem;
  text-align: center;
}
.hero__primary-ctas{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin-top: 1rem;
}
.hero-cta-btn{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 32px;
  border-radius: 10px;
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 200ms ease, transform 200ms ease;
  cursor: pointer;
  border: none;
  letter-spacing: 0.01em;
  min-width: 200px;
  justify-content: center;
}
.hero__primary-ctas{
  flex-direction: row;
  justify-content: center;
}
.hero-cta-btn--gmail{
  background: #1A1514;
  color: #fff;
}
.hero-cta-btn--gmail:hover{
  background: #2D2523;
  color: #fff;
}
.hero-cta-btn--outlook{
  background: #fff;
  color: #1A1514;
  border: 1.5px solid #D4CFC7;
}
.hero-cta-btn--outlook:hover{
  background: #F5F0E8;
}
@media (max-width: 640px){.hero__primary-ctas{
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
.hero-cta-btn{
    width: 100%;
    max-width: 320px;
    min-width: 0;
  }}
.stats-grid--cards{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem !important;
}
.stat-card{
  position: relative;
  background: #FCF9F4;                 
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 3.25rem 1rem 2.25rem;       
  text-align: center;
  transition: border-color 200ms ease;
}
.stat-card::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  border-radius: 12px 12px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Crect width='100' height='30' fill='%23F4EDE1'/%3E%3Cpath d='M0 0 L50 27 L100 0' fill='none' stroke='%23D9CFBE' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat center top;
  background-size: 100% 100%;
  pointer-events: none;
}
.stat-card:hover{
  border-color: #B9B1A6;
}
.stat-card .stat__number{
  display: block;
  margin-bottom: 0.625rem;
  font-size: clamp(1.85rem, 4.2vw, 2.65rem) !important;
  white-space: nowrap;
}
.stat-card .stat__number{
  display: block;
  margin-bottom: 0.625rem;
}
.stat-card__label{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.45;
}
@media (max-width: 768px){.stats-grid--cards{
    grid-template-columns: repeat(2, 1fr);
  }}
@media (max-width: 480px){.stats-grid--cards{
    grid-template-columns: 1fr;
  }}
.paper-card::before,.paper-card::after{
  display: none !important;
}
.paper-fold{
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 3;
  pointer-events: none;
}
.paper-fold::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #C9C0AE;
  clip-path: polygon(2px 0, 100% 0, 100% calc(100% - 2px));
}
.paper-fold::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #E7E0D2;
  border-top-right-radius: 20px;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.site-header__dropdown{
  top: 100% !important;         
  padding-top: 12px !important; 
}
.site-header__dropdown::before{
  content: '';
  position: absolute;
  top: 0;
  left: -16px;
  right: -16px;
  height: 12px; 
}
.tools-promo-section{
  background: var(--color-bg);
  border-top: 1px solid var(--color-border-light);
  padding: 4rem 0;
}
.tools-promo-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 767px){.tools-promo-grid{
    grid-template-columns: 1fr;
  }}
.tools-promo-card{
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: #fff;
  border: 1.5px solid var(--color-border-light);
  border-radius: 14px;
  padding: 1.75rem 1.5rem;
  text-decoration: none;
  color: var(--color-text);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.tools-promo-card:hover{
  border-color: var(--color-dark);
  box-shadow: none;
}
.tools-promo-card__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: var(--color-bg);
  border-radius: 10px;
  flex-shrink: 0;
  color: var(--color-brand);
  border: 1px solid var(--color-border-light);
}
.tools-promo-card__body{
  flex: 1;
  min-width: 0;
}
.tools-promo-card__label{
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--color-brand);
  margin-bottom: 0.25rem;
}
.tools-promo-card__title{
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--color-dark);
  margin-bottom: 0.25rem;
  line-height: 1.3;
}
.tools-promo-card__desc{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.5;
  margin: 0;
}
.tools-promo-card__arrow{
  flex-shrink: 0;
  color: var(--color-text-light);
  transition: color 200ms ease, transform 200ms ease;
}
.tools-promo-card:hover .tools-promo-card__arrow{
  color: var(--color-dark);
  transform: translateX(3px);
}
.hero__inbox-chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #E0DDD7;
  border-radius: 10px;
  padding: 10px 16px;
  box-shadow: none;
  margin-bottom: 1.75rem;
  cursor: default;
  text-align: left;
}
.hero__inbox-chip__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: #EA4335;
  border-radius: 6px;
  flex-shrink: 0;
}
.hero__inbox-chip__count{
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9AA0A6;
  white-space: nowrap;
}
.hero__inbox-chip__divider{
  display: block;
  width: 1px;
  height: 18px;
  background: #E0DDD7;
  flex-shrink: 0;
}
.hero__inbox-chip__text{
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-style: italic;
  font-weight: 600;
  color: #1A1514;
  white-space: nowrap;
}
.gmail-mockup{
  max-width: 1060px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid #E0E0E0;
  border-bottom: none;
  user-select: none;
}
.gm-chrome{
  display: flex;
  align-items: center;
  gap: 12px;
  background: #DEE1E6;
  padding: 9px 14px;
  border-bottom: 1px solid #CCC;
}
.gm-chrome__dots{
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.gm-dot{
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.gm-dot--red{ background: #FF5F57; }
.gm-dot--yellow{ background: #FEBC2E; }
.gm-dot--green{ background: #28C840; }
.gm-chrome__url{
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid #C5C9CF;
  border-radius: 6px;
  padding: 5px 12px;
  font-family: var(--font-body);
  font-size: 0.75rem;
  color: #5F6368;
  max-width: 360px;
  flex: 1;
}
.gm-topbar{
  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 12px;
  background: #fff;
  padding: 10px 16px;
  border-bottom: 1px solid #E8EAED;
}
.gm-topbar__logo{
  display: flex;
  align-items: center;
}
.gm-topbar__search{
  display: flex;
  align-items: center;
  gap: 10px;
  background: #EAF1FB;
  border-radius: 24px;
  padding: 9px 18px;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: #5F6368;
  cursor: text;
}
.gm-topbar__search-text{
  flex: 1;
}
.gm-topbar__icons{
  display: flex;
  align-items: center;
  gap: 8px;
}
.gm-icon-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: none;
  border: none;
  cursor: pointer;
  color: #5F6368;
}
.gm-icon-btn:hover{
  background: #F1F3F4;
}
.gm-avatar{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #E8502A;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  flex-shrink: 0;
}
.gm-body{
  display: grid;
  grid-template-columns: 220px minmax(0, 340px) 1fr;
  min-height: 380px;
  background: #fff;
}
.gm-sidebar{
  padding: 8px 0;
  border-right: none;
  background: #fff;
}
.gm-compose{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 12px 12px;
  padding: 14px 20px;
  background: #C2E7FF;
  border: none;
  border-radius: 16px;
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 600;
  color: #001D35;
  cursor: pointer;
  transition: background 200ms ease;
}
.gm-compose:hover{
  background: #A8D7F7;
}
.gm-nav{
  display: flex;
  flex-direction: column;
}
.gm-nav-item{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 14px 6px 20px;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #202124;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
  margin-right: 12px;
  transition: background 150ms ease;
}
.gm-nav-item:hover{
  background: #F1F3F4;
}
.gm-nav-item--active{
  background: #D3E3FD;
  font-weight: 700;
}
.gm-badge{
  margin-left: auto;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 700;
  color: #202124;
}
.gm-badge--subtle{
  color: #5F6368;
  font-weight: 400;
}
.gm-nav-more{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 14px 6px 20px;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #5F6368;
  cursor: pointer;
  margin-top: 4px;
}
.gm-list{
  border-right: 1px solid #E8EAED;
  overflow: hidden;
}
.gm-list-toolbar{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-bottom: 1px solid #E8EAED;
  background: #fff;
}
.gm-list-toolbar__left{
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}
.gm-pagination{
  font-family: var(--font-body);
  font-size: 0.75rem;
  color: #5F6368;
  white-space: nowrap;
}
.gm-check{
  width: 16px;
  height: 16px;
  border: 1.5px solid #9AA0A6;
  border-radius: 3px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  flex-shrink: 0;
}
.gm-check:checked{
  background: #1A73E8;
  border-color: #1A73E8;
}
.gm-toolbar-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  background: none;
  border-radius: 50%;
  cursor: pointer;
}
.gm-toolbar-btn:hover{
  background: #F1F3F4;
}
.gm-row{
  display: grid;
  grid-template-columns: 20px 20px 40px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid #E8EAED;
  cursor: pointer;
  transition: background 100ms ease;
}
.gm-row--unread{
  background: #fff;
}
.gm-row--read{
  background: #F2F6FC;
}
.gm-row--selected{
  background: #E8F0FE !important;
  border-left: 3px solid #1A73E8;
  padding-left: 9px;
}
.gm-row:hover:not(.gm-row--selected){
  background: #F5F5F5;
  box-shadow: none;
  z-index: 1;
  position: relative;
}
.gm-row__check{
  display: flex;
  align-items: center;
  justify-content: center;
}
.gm-row__star{
  display: flex;
  align-items: center;
}
.gm-row__avatar{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
.gm-avatar--teal{ background: #009688; }
.gm-avatar--blue{ background: #1A73E8; }
.gm-avatar--gray{ background: #9E9E9E; }
.gm-avatar--purple{ background: #7B1FA2; }
.gm-avatar--orange{ background: #E8502A; }
.gm-row__content{
  display: flex;
  align-items: baseline;
  gap: 0;
  overflow: hidden;
  min-width: 0;
}
.gm-row__sender{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 700;
  color: #202124;
  white-space: nowrap;
  flex-shrink: 0;
}
.gm-row--read .gm-row__sender{
  font-weight: 400;
  color: #5F6368;
}
.gm-row__sep{
  color: #9AA0A6;
  font-size: 0.8125rem;
  flex-shrink: 0;
}
.gm-row__subject{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #202124;
  white-space: nowrap;
  flex-shrink: 0;
}
.gm-row--read .gm-row__subject{
  font-weight: 400;
  color: #5F6368;
}
.gm-row__snippet{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #9AA0A6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  margin-left: 4px;
}
.gm-label{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.625rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  margin-left: 6px;
}
.gm-label--work{ background: #E8F0FE; color: #1A73E8; }
.gm-label--promo{ background: #FCE8E6; color: #C5221F; }
.gm-row__meta{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.gm-row__time{
  font-family: var(--font-body);
  font-size: 0.75rem;
  color: #5F6368;
  white-space: nowrap;
}
.gm-row--unread .gm-row__time{
  font-weight: 700;
  color: #202124;
}
.gm-reply-panel{
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-left: 1px solid #E8EAED;
}
.gm-thread-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 8px;
  border-bottom: 1px solid #E8EAED;
}
.gm-thread-subject{
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  color: #202124;
}
.gm-thread-icons{
  display: flex;
  gap: 8px;
}
.gm-email-collapsed{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-bottom: 1px solid #F1F3F4;
  background: #FAFAFA;
  cursor: pointer;
}
.gm-email-collapsed__avatar{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #009688;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gm-email-collapsed__meta{
  flex: 1;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.gm-email-collapsed__sender{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #202124;
}
.gm-email-collapsed__time{
  font-family: var(--font-body);
  font-size: 0.75rem;
  color: #9AA0A6;
}
.gm-compose-area{
  flex: 1;
  display: flex;
  flex-direction: column;
  border: 1.5px solid #E8EAED;
  border-radius: 8px;
  margin: 12px 16px;
  overflow: hidden;
  box-shadow: none;
}
.gm-compose-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 1px solid #E8EAED;
  background: #FAFAFA;
}
.gm-compose-header__left{
  display: flex;
  align-items: center;
  gap: 10px;
}
.gm-compose-avatar{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #E8502A;
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gm-compose-to{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #5F6368;
}
.gm-compose-recipient{
  color: #1A73E8;
  font-weight: 500;
}
.gm-wordnow-badge{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(232, 80, 42, 0.10);
  color: #E8502A;
  font-family: var(--font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.gm-compose-body{
  flex: 1;
  padding: 12px 14px;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #202124;
  line-height: 1.65;
  background: #fff;
}
.gm-compose-body p{
  margin-bottom: 8px;
  font-size: 0.8125rem;
}
.gm-compose-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  border-top: 1px solid #E8EAED;
  background: #FAFAFA;
  gap: 8px;
}
.gm-compose-actions{
  display: flex;
  align-items: center;
  gap: 6px;
}
.gm-send-btn{
  display: inline-flex;
  align-items: center;
  padding: 8px 22px;
  background: #1A73E8;
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 200ms ease;
}
.gm-send-btn:hover{
  background: #1765CC;
}
.gm-compose-wn-actions{
  display: flex;
  align-items: center;
  gap: 6px;
}
.gm-wn-btn{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border: 1.5px solid #E0DDD7;
  border-radius: 6px;
  background: #fff;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  color: #5A544E;
  cursor: pointer;
  transition: border-color 200ms ease, background 200ms ease;
}
.gm-wn-btn:hover{
  border-color: #1A1514;
  background: #F5F0E8;
}
.gm-wn-btn--copy{
  border-color: #E8502A;
  color: #E8502A;
}
.gm-wn-btn--copy:hover{
  background: rgba(232,80,42,0.06);
}
@media (max-width: 900px){.gm-reply-panel{ display: none; }
.gm-body{ grid-template-columns: 56px 1fr; }
.gm-nav-item span,.gm-nav-item > svg{ display: none; }
.gm-compose span{ display: none; }}
@media (max-width: 640px){.gmail-mockup{ display: none; }}
.back-to-top{
  position: fixed;
  bottom: 28px;
  right: 28px;
  width: 44px;
  height: 44px;
  background: #1A1514;
  color: #fff;
  border: none;
  border-radius: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 500;
  transition: background 200ms ease, transform 200ms ease, opacity 200ms ease;
  box-shadow: none;
}
.back-to-top:hover{
  background: #E8502A;
  transform: translateY(-2px);
}
.back-to-top.visible{
  display: flex;
}
.ri-profile{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3rem;
  align-items: center;
}
.ri-score-list{
  list-style: none;
  margin: 1.75rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.ri-score-explain{
  padding-left: 1rem;
  border-left: 3px solid var(--color-brand);
}
.ri-score-explain__name{
  display: block;
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 0.2rem;
}
.ri-score-explain__desc{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.6;
}
@media (max-width: 900px){.ri-profile{ grid-template-columns: 1fr; gap: 2rem; }}
.page-hero{
  background: var(--color-bg);
  padding: 2.5rem 0 3.25rem;
  border-bottom: 1px solid var(--color-border-light);
}
.page-hero--compact{
  padding: 1.5rem 0 2rem;
}
.page-hero__inner{ max-width: 100%; }
.page-hero__title{
  font-family: var(--font-heading);
  font-size: clamp(2.1rem, 4.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.06;
  color: var(--color-text);
  margin: 0.5rem 0 1.25rem;
}
.page-hero__subtitle{
  font-family: var(--font-body);
  font-size: 1.15rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  max-width: 780px;
  margin-bottom: 1.75rem;
}
.page-hero__actions{ display: flex; flex-wrap: wrap; gap: 0.875rem; }
.quick-answer-section{ padding: 3.5rem 0; background: #fff; }
.quick-answer-box{
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-brand);
  border-radius: 12px;
  padding: 2rem 2.25rem;
}
.quick-answer-box__label{
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-body); font-size: 0.72rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-brand);
  margin-bottom: 0.85rem;
}
.quick-answer-box__question{
  font-family: var(--font-heading); font-size: 1.5rem; font-weight: 800;
  color: var(--color-text); margin-bottom: 1rem; letter-spacing: -0.02em;
}
.quick-answer-box__answer p{
  font-family: var(--font-body); font-size: 1rem; color: var(--color-text-muted);
  line-height: 1.7; margin-bottom: 1rem;
}
.quick-answer-box__answer p:last-child{ margin-bottom: 0; }
.features-section{ padding: 4.5rem 0; background: var(--color-bg); }
.feature-item{
  background: #fff; border: 1px solid var(--color-border-light);
  border-radius: 14px; padding: 1.75rem;
}
.feature-item__icon{
  width: 46px; height: 46px; border-radius: 11px;
  background: rgba(232,80,42,0.10); color: var(--color-brand);
  display: flex; align-items: center; justify-content: center; margin-bottom: 1.1rem;
}
.feature-item__title{ font-family: var(--font-heading); font-size: 1.0625rem; font-weight: 700; color: var(--color-text); margin-bottom: 0.5rem; }
.feature-item__desc{ font-family: var(--font-body); font-size: 0.9375rem; color: var(--color-text-muted); line-height: 1.6; }
.personas-section{ padding: 4.5rem 0; background: #fff; }
.personas-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }
.persona-card{ background: var(--color-bg); border: 1px solid var(--color-border-light); border-radius: 14px; padding: 1.75rem; }
.persona-card__icon{ width: 46px; height: 46px; border-radius: 11px; background: rgba(232,80,42,0.10); color: var(--color-brand); display: flex; align-items: center; justify-content: center; margin-bottom: 1.1rem; }
.persona-card__title{ font-family: var(--font-heading); font-size: 1.125rem; font-weight: 700; margin-bottom: 0.5rem; }
.persona-card__desc{ font-family: var(--font-body); font-size: 0.9375rem; color: var(--color-text-muted); line-height: 1.6; margin-bottom: 1rem; }
.persona-card__points{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.45rem; }
.persona-card__points li{ font-size: 0.875rem; color: var(--color-text-muted); padding-left: 1.1rem; position: relative; }
.persona-card__points li::before{ content: ''; position: absolute; left: 0; top: 0.55em; width: 5px; height: 5px; border-radius: 50%; background: var(--color-brand); }
.limitations-section,.privacy-checks-section,.tools-table-section{ padding: 4.5rem 0; background: var(--color-bg); }
.privacy-checks-section,.tools-table-section{ background: #fff; }
.section-intro{ text-align: center; max-width: 700px; margin: 0 auto 2.5rem; font-family: var(--font-body); font-size: 1rem; color: var(--color-text-muted); line-height: 1.65; }
.limitations-list{ display: flex; flex-direction: column; gap: 1rem; max-width: 880px; margin: 0 auto; }
.limitation-item{ display: flex; gap: 1.1rem; background: #fff; border: 1px solid var(--color-border-light); border-radius: 12px; padding: 1.5rem 1.75rem; }
.limitation-item__icon{ flex-shrink: 0; width: 40px; height: 40px; border-radius: 10px; background: rgba(232,80,42,0.10); color: var(--color-brand); display: flex; align-items: center; justify-content: center; }
.limitation-item__title{ font-family: var(--font-heading); font-size: 1.0625rem; font-weight: 700; margin-bottom: 0.35rem; }
.limitation-item__desc{ font-family: var(--font-body); font-size: 0.9375rem; color: var(--color-text-muted); line-height: 1.6; }
.checklist-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.checklist-item{ display: flex; gap: 0.875rem; align-items: flex-start; background: #fff; border: 1px solid var(--color-border-light); border-radius: 12px; padding: 1.25rem 1.4rem; font-family: var(--font-body); font-size: 0.9375rem; color: var(--color-text-muted); line-height: 1.55; }
.checklist-item strong{ color: var(--color-text); }
.checklist-item__icon{ flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; background: var(--color-brand); color: #fff; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.related-links-section,.related-guides-section{ padding: 4rem 0; background: var(--color-bg); }
.related-guides-section{ background: #fff; }
.related-links-grid,.related-guides-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: 2rem; }
.related-link-card,.guide-card{ display: flex; align-items: center; gap: 1rem; background: #fff; border: 1px solid var(--color-border-light); border-radius: 12px; padding: 1.25rem 1.5rem; text-decoration: none; transition: border-color 200ms ease; }
.related-guides-section .guide-card{ background: var(--color-bg); }
.related-link-card:hover,.guide-card:hover{ border-color: var(--color-brand); }
.related-link-card__body{ flex: 1; min-width: 0; }
.related-link-card__title,.guide-card__title{ display: block; font-family: var(--font-heading); font-size: 1.0625rem; font-weight: 700; color: var(--color-text); margin-bottom: 0.2rem; }
.related-link-card__desc,.guide-card__desc{ display: block; font-family: var(--font-body); font-size: 0.875rem; color: var(--color-text-muted); line-height: 1.5; }
.related-link-card__arrow{ color: var(--color-brand); font-size: 1.375rem; font-weight: 700; flex-shrink: 0; line-height: 1; transition: transform 200ms ease; }
.related-link-card:hover .related-link-card__arrow{ transform: translateX(3px); }
.tools-table-section .table-scroll-wrapper{ overflow-x: auto; }
.table-note{ text-align: center; font-size: 0.8125rem; color: var(--color-text-light); margin-top: 1rem; }
.text-link{ color: var(--color-brand-dark); text-decoration: underline; }
.th-inline-link{ color: #E8502A; font-weight: 600; text-decoration: none; }
.th-inline-link:hover{ text-decoration: underline; }
@media (max-width: 860px){.personas-grid{ grid-template-columns: 1fr; }
.checklist-grid,.related-links-grid,.related-guides-grid{ grid-template-columns: 1fr; }}
.ri-agentic{ padding: 4.75rem 0; background: var(--color-text); color: #fff; }
.ri-agentic__grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.ri-agentic__eyebrow{ display:inline-block; font-family:var(--font-body); font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:#F4795A; margin-bottom:0.9rem; }
.ri-agentic__title{ font-family:var(--font-heading); font-size:clamp(1.875rem,3.4vw,2.6rem); font-weight:800; letter-spacing:-0.03em; line-height:1.1; margin-bottom:1.1rem; }
.ri-agentic__title em{ color:#F4795A; font-style:normal; }
.ri-agentic__desc{ font-family:var(--font-body); font-size:1.0625rem; color:rgba(255,255,255,0.78); line-height:1.7; margin-bottom:1.5rem; }
.ri-agentic__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.9rem; }
.ri-agentic__list li{ display:flex; gap:0.75rem; align-items:flex-start; font-family:var(--font-body); font-size:0.97rem; color:rgba(255,255,255,0.85); line-height:1.5; }
.ri-agentic__check{ flex-shrink:0; width:24px; height:24px; border-radius:7px; background:rgba(244,121,90,0.22); color:#FF9D7E; display:flex; align-items:center; justify-content:center; }
@media (max-width: 900px){.ri-agentic__grid{ grid-template-columns: 1fr; gap: 2rem; }}
@media (max-width: 640px){.ri-agentic{ padding: 3rem 0; }
.ri-agentic__title{ font-size: 1.75rem; }
.ri-agentic__desc{ font-size: 1rem; }
.ri-agentic__media-img{ margin: 0 -1rem; border-radius: 0; }}
.ri-photo{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  aspect-ratio: 4 / 3;
}
.ri-photo img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.setup-steps{
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 820px;
  margin: 0 auto;
}
.setup-step{
  display: grid;
  grid-template-columns: 56px 2px 1fr;
  gap: 0 1.5rem;
  align-items: stretch;
  padding-bottom: 2.25rem;
}
.setup-step:last-child{ padding-bottom: 0; }
.setup-step__num{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--color-brand);
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: flex-start;
  position: relative;
  z-index: 1;
}
.setup-step__connector{
  width: 2px;
  background: var(--color-border-light);
  margin: 8px auto 0;
  margin-top: 52px;
  height: calc(100% - 52px);
}
.setup-step__connector--last{ background: transparent; }
.setup-step__body{
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.setup-step__title{
  font-family: var(--font-heading);
  font-size: 1.1875rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 0.4rem;
  letter-spacing: -0.01em;
}
.setup-step__desc{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  margin-bottom: 0.6rem;
}
.setup-step__time{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-brand-dark);
  background: rgba(232,80,42,0.10);
  border-radius: 6px;
  padding: 3px 9px;
}
.ai-assistant-block{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3.5rem;
  align-items: center;
}
.ai-assistant-block__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.ai-assistant-block__list li{
  display: flex;
  align-items: center;
  gap: 0.65rem;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
}
.ai-assistant-block__list li svg{ color: var(--color-brand); flex-shrink: 0; }
.agent-feed{
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  overflow: hidden;
}
.agent-feed__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--color-border-light);
  background: var(--color-bg);
}
.agent-feed__title{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-text-muted);
}
.agent-feed__status{
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  color: #3D8F5F;
  background: rgba(61,143,95,0.12);
  border-radius: 20px;
  padding: 3px 10px;
}
.agent-feed__item{
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.95rem 1.25rem;
  border-bottom: 1px solid var(--color-border-light);
}
.agent-feed__dot{
  flex-shrink: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.agent-feed__dot--active{ background: var(--color-brand); animation: pulse 1.6s ease-in-out infinite; }
.agent-feed__dot--done{ background: #3D8F5F; }
@keyframes pulse{
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.35; }
}
.agent-feed__info{ flex: 1; min-width: 0; }
.agent-feed__name{ font-family: var(--font-body); font-size: 0.875rem; font-weight: 600; color: var(--color-text); }
.agent-feed__desc{ font-family: var(--font-body); font-size: 0.78rem; color: var(--color-text-muted); }
.agent-feed__badge{
  flex-shrink: 0;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-brand-dark);
  background: rgba(232,80,42,0.10);
  border-radius: 6px;
  padding: 3px 8px;
}
.agent-feed__badge--done{ color: #265C3A; background: rgba(61,143,95,0.12); }
.agent-feed__footer{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1.25rem;
  font-family: var(--font-body);
  font-size: 0.8rem;
  color: var(--color-text-light);
}
@media (max-width: 860px){.ai-assistant-block{ grid-template-columns: 1fr; gap: 2rem; }}
.hiw-steps{ display: flex; flex-direction: column; gap: 0; max-width: 860px; margin: 0 auto; }
.hiw-step{
  position: relative;
  padding: 0 0 3rem 2.5rem;
  border-left: 2px solid var(--color-border-light);
  margin-left: 59px;
}
.hiw-step:last-child{ border-left-color: transparent; }
.hiw-step__left{
  position: absolute;
  left: -61px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  top: 0;
}
.hiw-step__badge{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--color-brand);
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
}
.hiw-step__time{
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--color-text-light);
  text-align: center;
}
.hiw-step__right{ padding-top: 0.6rem; }
.hiw-step__title{ font-family: var(--font-heading); font-size: 1.3125rem; font-weight: 800; letter-spacing: -0.02em; color: var(--color-text); margin-bottom: 0.6rem; }
.hiw-step__desc{ font-family: var(--font-body); font-size: 1rem; color: var(--color-text-muted); line-height: 1.65; margin-bottom: 1.1rem; }
.hiw-step__detail{ display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; }
.hiw-step__detail-row{ display: flex; gap: 0.6rem; align-items: flex-start; font-family: var(--font-body); font-size: 0.9rem; color: var(--color-text-muted); line-height: 1.5; }
.hiw-step__detail-row svg{ flex-shrink: 0; color: var(--color-brand); margin-top: 2px; }
.hiw-tip{ background: rgba(232,80,42,0.07); border: 1px solid rgba(232,80,42,0.15); border-radius: 10px; padding: 1rem 1.25rem; font-family: var(--font-body); font-size: 0.9rem; color: var(--color-text-muted); line-height: 1.6; }
.hiw-tip strong{ color: var(--color-text); }
.hiw-chart-scores{ background: #fff; border: 1px solid var(--color-border-light); border-radius: 14px; padding: 1.5rem; margin: 1.25rem 0; max-width: 480px; }
.hiw-score-bar{ display: grid; grid-template-columns: 90px 1fr 60px; gap: 0 0.875rem; align-items: center; margin-bottom: 0.75rem; }
.hiw-score-bar:last-of-type{ margin-bottom: 0; }
.hiw-score-bar__label{ font-family: var(--font-body); font-size: 0.875rem; font-weight: 600; color: var(--color-text); }
.hiw-score-bar__track{ height: 9px; background: #F0EBE3; border-radius: 6px; overflow: hidden; }
.hiw-score-bar__fill{ height: 100%; background: var(--color-brand); border-radius: 6px; }
.hiw-score-bar__val{ font-family: var(--font-body); font-size: 0.8125rem; font-weight: 700; color: var(--color-brand-dark); text-align: right; }
.hiw-chart-scores__note{ font-family: var(--font-body); font-size: 0.78rem; color: var(--color-text-light); margin-top: 1rem; }
.hiw-time-grid{ display: grid; grid-template-columns: 1fr 320px; gap: 3rem; align-items: flex-start; }
.hiw-bar-chart{ background: #fff; border: 1px solid var(--color-border-light); border-radius: 16px; padding: 2rem; }
.hiw-bar-chart__title{ font-family: var(--font-body); font-size: 0.875rem; font-weight: 600; color: var(--color-text-muted); margin-bottom: 1.75rem; }
.hiw-bar-chart__bars{ display: flex; align-items: flex-end; gap: 3rem; height: 200px; padding-bottom: 0.5rem; border-bottom: 2px solid var(--color-border-light); }
.hiw-bar-chart__group{ display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
.hiw-bar-chart__bar-wrap{ display: flex; align-items: flex-end; height: 200px; }
.hiw-bar-chart__bar{ border-radius: 8px 8px 0 0; min-width: 80px; position: relative; display: flex; align-items: flex-start; justify-content: center; }
.hiw-bar-chart__bar--before{ background: #D4CFC7; }
.hiw-bar-chart__bar--after{ background: var(--color-brand); }
.hiw-bar-chart__label-top{ font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 800; color: #fff; padding-top: 0.6rem; }
.hiw-bar-chart__bar--after .hiw-bar-chart__label-top{ position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); color: var(--color-brand); padding-top: 0; white-space: nowrap; }
.hiw-bar-chart__group-label{ font-family: var(--font-body); font-size: 0.8125rem; font-weight: 600; color: var(--color-text-muted); text-align: center; }
.hiw-bar-chart__note{ font-family: var(--font-body); font-size: 0.78rem; color: var(--color-text-light); margin-top: 1.25rem; }
.hiw-time-stats{ display: flex; flex-direction: column; gap: 1.5rem; }
.hiw-time-stat__num{ font-family: var(--font-heading); font-size: 2.75rem; font-weight: 800; letter-spacing: -0.04em; color: var(--color-text); line-height: 1; }
.hiw-time-stat__num span{ font-size: 1.5rem; color: var(--color-brand); }
.hiw-time-stat__label{ font-family: var(--font-body); font-size: 0.9rem; color: var(--color-text-muted); margin-top: 0.25rem; }
@media (max-width: 900px){.hiw-step{ grid-template-columns: 1fr; margin-left: 0; padding-left: 1.5rem; border-left: none; }
.hiw-step__left{ position: static; flex-direction: row; margin-bottom: 0.75rem; }
.hiw-time-grid{ grid-template-columns: 1fr; gap: 2rem; }}
.tool-page{
  padding: 2.5rem 0 5rem;
}
.tool-page__header{
  margin-bottom: 2.25rem;
}
.tool-page__title{
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--color-text);
  margin-bottom: 0.5rem;
  line-height: 1.1;
}
.tool-page__subtitle{
  font-family: var(--font-body);
  font-size: 1rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
.tool-privacy-notice{
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: rgba(180,83,9,0.07);
  border: 1px solid rgba(180,83,9,0.18);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: #7C4700;
  line-height: 1.5;
}
.tool-layout{
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 2rem;
  align-items: start;
}
.tool-layout__main{ min-width: 0; }
.tool-layout__sidebar{ min-width: 0; }
.tool-card{
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 14px;
  padding: 2rem;
  margin-bottom: 1.5rem;
}
.form-select,.form-textarea{
  display: block;
  width: 100%;
  padding: 0.65rem 0.875rem;
  font-size: 0.9375rem;
  font-family: var(--font-body);
  color: var(--color-text);
  background: #fff;
  border: 1.5px solid #E8E3DC;
  border-radius: 10px;
  outline: none;
  transition: border-color 200ms ease, box-shadow 200ms ease;
  -webkit-appearance: none;
  appearance: none;
}
.form-select{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A736C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
  cursor: pointer;
}
.form-textarea{ resize: vertical; min-height: 110px; line-height: 1.6; }
.form-select:focus,.form-textarea:focus{
  border-color: var(--color-brand);
  box-shadow: 0 0 0 3px rgba(232,80,42,0.12);
}
.form-label-required{ color: var(--color-brand); margin-left: 2px; }
.form-label-optional{ font-weight: 400; color: var(--color-text-light); margin-left: 4px; font-size: 0.8125rem; }
.generator-form__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.generator-form__submit{
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}
.generator-form__submit-note{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
}
.generator-form__identity-row{
  border: 1px solid #E8E3DC;
  border-radius: 10px;
  padding: 0.875rem 1rem;
  background: #FDFAF6;
  margin-top: 0.25rem;
}
.form-checkbox-label{
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.form-checkbox{
  width: 17px;
  height: 17px;
  accent-color: var(--color-brand);
  cursor: pointer;
  flex-shrink: 0;
}
.form-checkbox-text{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.generator-form__identity-label{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-text);
}
.generator-form__identity-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--color-brand-dark);
  background: rgba(232,80,42,0.10);
  border-radius: 5px;
  padding: 2px 7px;
}
.tool-result{
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 14px;
  padding: 1.75rem 2rem;
  margin-bottom: 1.5rem;
  outline: none;
}
.tool-result__header{ margin-bottom: 1.25rem; }
.tool-result__title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--color-text);
  margin-bottom: 0.25rem;
}
.tool-result__title svg{ color: #3D8F5F; flex-shrink: 0; }
.tool-result__subtitle{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
}
.result-block{
  margin-bottom: 1.25rem;
}
.result-block__label{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--color-text-light);
  margin-bottom: 0.4rem;
}
.result-subject{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-text);
  background: #F5F0E8;
  border-radius: 8px;
  padding: 0.65rem 0.875rem;
  margin: 0;
}
.result-textarea{
  display: block;
  width: 100%;
  padding: 0.875rem 1rem;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text);
  background: #FDFAF6;
  border: 1.5px solid #E8E3DC;
  border-radius: 10px;
  outline: none;
  resize: vertical;
  line-height: 1.65;
  transition: border-color 200ms ease;
}
.result-textarea:focus{
  border-color: var(--color-brand);
  box-shadow: 0 0 0 3px rgba(232,80,42,0.10);
}
.copy-btn{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-muted);
  background: #F0EBE3;
  border: none;
  border-radius: 6px;
  padding: 3px 9px;
  cursor: pointer;
  transition: background 150ms ease, color 150ms ease;
}
.copy-btn:hover{ background: #E8E3DC; color: var(--color-text); }
.tool-result__actions{
  display: flex;
  align-items: center;
  gap: 0.875rem;
  flex-wrap: wrap;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #F0EBE3;
}
.tool-result__note{
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-light);
  margin-top: 1rem;
  line-height: 1.5;
}
.tool-identity-cta{
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 14px;
  padding: 1.75rem 2rem;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}
.tool-identity-cta::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #E8502A;
  border-radius: 14px 0 0 14px;
}
.tool-identity-cta__eyebrow{
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #E8502A;
  margin-bottom: 0.875rem;
}
.tool-identity-cta__inner{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.tool-identity-cta__text{ flex: 1; min-width: 200px; }
.tool-identity-cta__title{
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
  color: #1A1514;
  margin-bottom: 0.375rem;
  letter-spacing: -0.02em;
}
.tool-identity-cta__desc{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  max-width: 380px;
}
.tool-identity-cta__actions{
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
  flex-shrink: 0;
  padding-top: 2px;
}
.tool-identity-cta__btn-primary{
  display: inline-block;
  background: #E8502A;
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 700;
  padding: 0.6rem 1.25rem;
  border-radius: 10px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 200ms ease;
}
.tool-identity-cta__btn-primary:hover{ background: #C43E1C; }
.tool-identity-cta__btn-secondary{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: color 200ms ease;
}
.tool-identity-cta__btn-secondary:hover{ color: #E8502A; }
.tool-identity-cta__proof{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  border-top: 1px solid #F0EBE3;
  padding-top: 1rem;
}
.tool-identity-cta__proof li{
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
}
.tool-identity-cta__proof li svg{ color: #3D8F5F; flex-shrink: 0; }
.sidebar-card--identity{
  background: var(--color-text);
  border-color: transparent;
  color: #fff;
}
.sidebar-card--identity .sidebar-card__title{ color: #fff; }
.sidebar-card--identity .sidebar-card__text{ color: rgba(255,255,255,0.70); }
.sidebar-card--privacy{
  background: rgba(180,83,9,0.06);
  border-color: rgba(180,83,9,0.18);
}
.sidebar-card--privacy .sidebar-card__title{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: #7C4700;
}
.sidebar-steps{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.sidebar-step{
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.5;
}
.sidebar-step__num{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: var(--color-brand);
  color: #fff;
  border-radius: 50%;
  font-family: var(--font-heading);
  font-size: 0.7rem;
  font-weight: 800;
  flex-shrink: 0;
  margin-top: 1px;
}
.sidebar-privacy-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sidebar-privacy-list li{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #7C4700;
  padding-left: 1.125rem;
  position: relative;
  line-height: 1.45;
}
.sidebar-privacy-list li::before{
  content: '✕';
  position: absolute;
  left: 0;
  font-size: 0.6rem;
  color: #B45309;
  top: 2px;
}
.article-tool-box{
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: #fff;
  border: 1px solid #E8E3DC;
  border-left: 4px solid #E8502A;
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  margin: 1.75rem 0;
  flex-wrap: wrap;
}
.article-tool-box__icon{
  width: 42px;
  height: 42px;
  background: rgba(232,80,42,0.10);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #E8502A;
}
.article-tool-box__content{ flex: 1; min-width: 180px; }
.article-tool-box__title{
  display: block;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: #1A1514;
  margin-bottom: 0.25rem;
}
.article-tool-box__desc{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.55;
  margin: 0;
}
.article-tool-box__btn{
  display: inline-block;
  background: #E8502A;
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.55rem 1.125rem;
  border-radius: 9px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 200ms ease;
}
.article-tool-box__btn:hover{ background: #C43E1C; }
.faq-block{
  margin-top: 2rem;
}
.faq-block__title{
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--color-text);
  margin-bottom: 1rem;
}
.faq-list--card{
  max-width: none;
  margin: 0;
}
.faq-list--card .faq-item{
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 10px;
  margin-bottom: 0.5rem;
}
.faq-list--card .faq-trigger{
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  transition: background 150ms ease;
  border-radius: 10px;
}
.faq-list--card .faq-trigger:hover{ background: #FDFAF6; }
.faq-list--card .faq-item.open .faq-trigger{ border-radius: 10px 10px 0 0; }
.faq-list--card .faq-question{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-text);
  line-height: 1.4;
}
.faq-list--card .faq-icon{
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #F0EBE3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-text-muted);
  transition: background 200ms ease, transform 200ms ease;
}
.faq-list--card .faq-item.open .faq-icon{
  background: #E8502A;
  color: #fff;
  transform: rotate(45deg);
}
.faq-list--card .faq-body{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.faq-list--card .faq-item.open .faq-body{
  max-height: 500px;
}
.faq-list--card .faq-answer{
  padding: 0 1.25rem 1.125rem;
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  border-top: 1px solid #F0EBE3;
  padding-top: 0.875rem;
}
@media (max-width: 900px){.tool-layout{ grid-template-columns: 1fr; }
.tool-layout__sidebar{ order: -1; }
.generator-form__grid{ grid-template-columns: 1fr; }
.tool-page__title{ font-size: 1.75rem; }
.tool-card{ padding: 1.5rem; }
.tool-result{ padding: 1.25rem 1.5rem; }
.tool-identity-cta{ padding: 1.5rem; }}
@media (max-width: 560px){.tool-identity-cta__inner{ flex-direction: column; gap: 1rem; }
.tool-identity-cta__proof{ gap: 0.875rem; flex-direction: column; }
.tool-card{ padding: 1.25rem; }
.generator-form__submit{ flex-direction: column; align-items: flex-start; }}
.page-hero__inner--narrow{ max-width: 640px; }
.page-hero__subtitle--large{
  font-size: 1.2rem;
}
.about-section{
  padding: 3.5rem 0;
}
.about-section--alt{
  background: #fff;
}
.about-section__inner{
  max-width: 800px;
}
.about-section__title{
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 2.5vw, 1.875rem);
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.03em;
  margin-bottom: 1.25rem;
}
.about-section__content p{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.7;
  margin-bottom: 1rem;
}
.about-section__content p:last-child{ margin-bottom: 0; }
.about-what-it-does-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1.75rem;
}
@media (max-width: 620px){.about-what-it-does-grid{ grid-template-columns: 1fr; }}
.about-feature{
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: 1.25rem;
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  line-height: 1.55;
}
.about-feature strong{
  color: var(--color-text);
  display: block;
  margin-bottom: 0.25rem;
}
.about-feature__icon{
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-brand);
  flex-shrink: 0;
}
.editorial-standards-list{
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.editorial-standard{
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: 1.375rem 1.5rem;
}
.editorial-standard__title{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.625rem;
}
.editorial-standard p{
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  margin: 0;
}
.about-list{
  list-style: none;
  padding: 0;
  margin: 1rem 0 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.about-list li{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  padding-left: 1.375rem;
  position: relative;
}
.about-list li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-brand);
}
.disclaimers-list{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.25rem;
}
.disclaimer-item{
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  line-height: 1.6;
}
.disclaimer-item strong{
  color: var(--color-text);
}
.disclaimer-item__icon{
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(232, 80, 42, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-brand);
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.methodology-section{
  padding: 3.5rem 0;
}
.methodology-section--alt{
  background: #fff;
}
.methodology-section__inner{
  max-width: 100%;
}
.methodology-section__title{
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 2.5vw, 1.875rem);
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.03em;
  margin-bottom: 1.25rem;
}
.methodology-section__content p{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.7;
  margin-bottom: 1rem;
}
.methodology-section__content p:last-child{ margin-bottom: 0; }
.methodology-steps{
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 1.5rem;
  border-left: 2px solid var(--color-border-light);
  padding-left: 0;
  margin-left: 1rem;
}
.methodology-step{
  display: flex;
  gap: 1rem;
  padding: 0 0 1.75rem 1.5rem;
  position: relative;
}
.methodology-step:last-child{ padding-bottom: 0; }
.methodology-step__num{
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-brand);
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -17px;
  top: 0;
}
.methodology-step__content{ padding-top: 0.35rem; }
.methodology-step__title{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.375rem;
}
.methodology-step__content p{
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  margin: 0;
}
.methodology-list{
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.methodology-list li{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  padding-left: 1.375rem;
  position: relative;
}
.methodology-list li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-brand);
}
.methodology-list strong{ color: var(--color-text); }
.methodology-note{
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-left: 3px solid var(--color-brand);
  border-radius: 10px;
  padding: 1rem 1.25rem;
  margin-top: 1.5rem;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.65;
}
.methodology-note svg{ flex-shrink: 0; color: var(--color-brand); margin-top: 2px; }
.methodology-note p{ margin: 0; }
.update-schedule-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 620px){.update-schedule-grid{ grid-template-columns: 1fr; }}
.update-schedule-item{
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: 1.25rem 1.375rem;
}
.update-schedule-item__title{
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}
.update-schedule-item p{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}
.donot-list{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.25rem;
}
.donot-item{
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  padding: 1rem 1.25rem;
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  line-height: 1.6;
}
.donot-item strong{ color: var(--color-text); }
.donot-item__icon{
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(232, 80, 42, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-brand);
  margin-top: 0.1rem;
}
.correction-policy-steps{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.25rem;
}
.correction-step{
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
}
.correction-step__title{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}
.correction-step p{
  font-family: var(--font-body);
  font-size: 0.9rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  margin: 0;
}
.page-hero--comparison{
  padding-bottom: 3rem;
}
.comparison-hero__badges{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.competitor-badge{
  display: inline-flex;
  align-items: center;
  padding: 6px 16px;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 700;
}
.competitor-badge--wordnow{
  background: var(--color-brand);
  color: #fff;
}
.competitor-badge--competitor{
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  color: var(--color-text);
}
.competitor-badge__vs{
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text-light);
}
.disclosure-bar{
  background: #fff;
  border-bottom: 1px solid var(--color-border-light);
  padding: 0.75rem 0;
}
.disclosure-bar .container{
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.55;
}
.disclosure-bar svg{ flex-shrink: 0; margin-top: 2px; color: var(--color-text-light); }
.disclosure-bar__link{
  color: var(--color-brand-dark);
  text-decoration: underline;
}
.best-for-section{
  padding: 3.5rem 0;
}
.best-for-table{
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-body);
  font-size: 0.9rem;
}
.best-for-table th,.best-for-table td{
  padding: 0.75rem 1rem;
  border: 1px solid var(--color-border-light);
  text-align: center;
}
.best-for-table th[scope="row"]{
  text-align: left;
  font-weight: 600;
  color: var(--color-text);
  background: var(--color-bg);
}
.best-for-table thead th{
  background: var(--color-bg);
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.01em;
}
.feature-comparison-section{
  padding: 3.5rem 0;
  background: #fff;
}
.check{
  color: #265C3A;
  font-weight: 700;
  font-size: 1.1rem;
}
.cross{
  color: #B94040;
  font-weight: 700;
  font-size: 1.1rem;
}
.partial{
  color: var(--color-text-muted);
  font-weight: 700;
  font-size: 1.1rem;
}
.comparison-table--full th,.comparison-table--full td{
  vertical-align: middle;
}
.comparison-table__col-label{
  text-align: left !important;
  min-width: 200px;
}
.pricing-comparison-section{
  padding: 3.5rem 0;
}
.pricing-comparison-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 700px){.pricing-comparison-grid{ grid-template-columns: 1fr; }}
.pricing-card--wordnow,.pricing-card--competitor{
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 14px;
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pricing-card--wordnow{
  border-top: 3px solid var(--color-brand);
}
.pricing-card__brand{
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
}
.pricing-card__tiers{
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.pricing-tier{
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 0 1rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid #F0EBE3;
}
.pricing-tier:last-child{ border-bottom: none; padding-bottom: 0; }
.pricing-tier__name{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-text-light);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  grid-column: 1;
  grid-row: 1;
}
.pricing-tier__price{
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  grid-column: 1;
  grid-row: 2;
}
.pricing-tier__note{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
}
.pricing-card__note{
  font-family: var(--font-body);
  font-size: 0.8rem;
  color: var(--color-text-light);
  font-style: italic;
  margin: 0;
}
.content-section{
  padding: 3.5rem 0;
}
.content-two-col{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
@media (max-width: 760px){.content-two-col{ grid-template-columns: 1fr; gap: 2rem; }}
.content-col__title{
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.875rem;
}
.content-col p{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.7;
  margin-bottom: 0.875rem;
}
.content-col__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.content-col__list li{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.55;
  padding-left: 1.25rem;
  position: relative;
}
.content-col__list li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-brand);
}
.privacy-section{
  padding: 3.5rem 0;
  background: #fff;
}
.privacy-comparison-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 1.5rem;
}
@media (max-width: 700px){.privacy-comparison-grid{ grid-template-columns: 1fr; }}
.privacy-col__title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.875rem;
}
.privacy-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.privacy-list li{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  padding-left: 1.25rem;
  position: relative;
}
.privacy-list li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-border-light);
}
.email-support-section{
  padding: 3.5rem 0;
}
.pros-cons-section{
  padding: 3.5rem 0;
  background: #fff;
}
.pros-cons-col__title{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.875rem;
}
.pros-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pros-list li{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  padding-left: 1.375rem;
  position: relative;
}
.pros-list li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-brand);
}
.recommendation-section{
  padding: 3.5rem 0;
}
.recommendation-box{
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-brand);
  border-radius: 14px;
  padding: 2rem 2.25rem;
  max-width: 720px;
}
.recommendation-box__title{
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}
.recommendation-box__content p{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.7;
  margin-bottom: 0.875rem;
}
.recommendation-box__content p:last-child{ margin-bottom: 0; }
.related-comparisons-section{
  padding: 2.5rem 0 3.5rem;
  background: #fff;
}
.methodology-box-section{
  padding: 2rem 0 3rem;
}
.methodology-box{
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
}
.methodology-box__title{
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.625rem;
}
.methodology-box p{
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  margin: 0 0 0.5rem;
}
.methodology-box p:last-child{ margin-bottom: 0; }
.page-hero__content{ display: block; }
.cta-section{
  background: #1A1514;
  padding: 4rem 0;
}
.cta-section__inner{
  display: flex;
  align-items: center;
  gap: 2.5rem;
  flex-wrap: wrap;
}
.cta-section__graphic{
  flex-shrink: 0;
}
.cta-envelope{
  position: relative;
  width: 72px;
  height: 72px;
  background: rgba(232,80,42,0.12);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(232,80,42,0.25);
}
.cta-envelope__dot{
  position: absolute;
  top: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
  background: #E8502A;
  border-radius: 50%;
  border: 2px solid #1A1514;
}
.cta-section__content{
  flex: 1;
  min-width: 240px;
}
.cta-section__headline{
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
  margin-bottom: 0.5rem;
  line-height: 1.15;
}
.cta-section__subtext{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.6;
  margin: 0;
}
.cta-section__actions{
  display: flex;
  gap: 0.875rem;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.cta-btn-primary{
  display: inline-block;
  background: #E8502A;
  color: #fff;
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.75rem 1.75rem;
  border-radius: 10px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 200ms ease;
}
.cta-btn-primary:hover{ background: #C43E1C; }
.cta-btn-secondary{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  color: rgba(255,255,255,0.80);
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid rgba(255,255,255,0.30);
  padding-bottom: 1px;
  transition: color 200ms ease, border-color 200ms ease;
}
.cta-btn-secondary:hover{ color: #fff; border-color: rgba(255,255,255,0.70); }
.btn-white{
  display: inline-block;
  background: #fff;
  color: #1A1514;
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  padding: 0.75rem 1.75rem;
  border-radius: 10px;
  text-decoration: none;
  transition: background 200ms ease;
}
.btn-white:hover{ background: #F0EBE3; }
@media (max-width: 700px){.cta-section__inner{ flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.cta-section__headline{ font-size: 1.375rem; }
.cta-section{ padding: 3rem 0; }}
.sidebar-card--tool{
  background: #1A1514 !important;
  border: none !important;
  color: #fff;
}
.sidebar-card--tool .sidebar-card__title{
  color: #fff !important;
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
}
.sidebar-card--tool .sidebar-card__text{
  color: rgba(255,255,255,0.65) !important;
  font-size: 0.875rem;
  line-height: 1.55;
  margin-bottom: 1rem;
}
.sidebar-card--tool .sidebar-card__icon{
  width: 36px;
  height: 36px;
  background: rgba(232,80,42,0.20);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E8502A;
  margin-bottom: 0.75rem;
}
.sidebar-card--tool .btn-brand{
  background: #E8502A !important;
  color: #fff !important;
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.55rem 1.125rem;
  border-radius: 8px;
  text-decoration: none;
  transition: background 200ms ease;
}
.sidebar-card--tool .btn-brand:hover{ background: #C43E1C !important; }
.article-summary{
  background: #FDFAF6;
  border: 1px solid #E8E3DC;
  border-left: 4px solid #E8502A;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 2rem;
}
.article-summary__label{
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #E8502A;
  margin-bottom: 0.625rem;
}
.article-summary p{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: #4A4440;
  line-height: 1.7;
  font-style: italic;
  margin: 0;
}
.article-sources{
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid #E8E3DC;
}
.article-sources__title{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: #1A1514;
  margin-bottom: 0.875rem;
  letter-spacing: -0.01em;
}
.article-sources__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.article-sources__link{
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color 200ms ease;
}
.article-sources__link::before{
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E8502A;
  flex-shrink: 0;
}
.article-sources__link:hover{ color: #E8502A; }
.article-related{
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid #E8E3DC;
}
.article-related__title{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: #1A1514;
  margin-bottom: 1rem;
  letter-spacing: -0.01em;
}
.article-related__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.875rem;
}
.article-related-card{
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 10px;
  padding: 1rem 1.125rem;
  text-decoration: none;
  transition: border-color 200ms ease;
}
.article-related-card:hover{ border-color: #E8502A; }
.article-related-card__title{
  font-family: var(--font-heading);
  font-size: 0.9rem;
  font-weight: 700;
  color: #1A1514;
  line-height: 1.35;
  margin-bottom: 0.375rem;
  display: block;
}
.article-related-card__desc{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.5;
  flex: 1;
  display: block;
}
.article-related-card__link{
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 600;
  color: #E8502A;
  margin-top: 0.625rem;
}
@media (max-width: 700px){.article-related__grid{ grid-template-columns: 1fr; }}
.article-next-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
  border-top: 1px solid #E8E3DC;
  margin-top: 2rem;
  gap: 1rem;
  flex-wrap: wrap;
}
.article-next-btn{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-body);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color 200ms ease;
}
.article-next-btn:hover{ color: #E8502A; }
.article-layout__body thead th,.article-table thead th{
  background: #1A1514 !important;
  color: #fff !important;
  padding: 0.75rem 1.125rem;
  text-align: left;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.article-layout__body tbody th,.article-table tbody th{
  background: #FDFAF6;
  color: #1A1514;
  font-weight: 600;
}
.sidebar-card--tool__header{
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
}
.sidebar-card--tool__header .sidebar-card__icon{
  margin-bottom: 0;
  flex-shrink: 0;
}
.sidebar-card--tool__header .sidebar-card__title{
  margin-bottom: 0;
}
.policy-meta{
  background: #fff;
  border-bottom: 1px solid #E8E3DC;
  padding: 1rem 0;
}
.policy-meta__inner{
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}
.policy-meta__date{
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 700;
  color: #E8502A;
  background: rgba(232,80,42,0.08);
  border-radius: 6px;
  padding: 0.35rem 0.75rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.policy-meta__note{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.55;
  margin: 0;
}
.policy-body{
  padding: 2.5rem 0 5rem;
  background: var(--color-bg);
}
.policy-body__inner{
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 2.5rem;
  align-items: start;
  max-width: 1000px;
  margin: 0 auto;
}
.policy-toc{
  position: sticky;
  top: 1.5rem;
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 14px;
  padding: 1.25rem 1.1rem;
}
.policy-toc__title{
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--color-text-light);
  margin-bottom: 0.75rem;
}
.policy-toc nav{ display: flex; flex-direction: column; gap: 0.15rem; }
.policy-toc a{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-decoration: none;
  padding: 0.4rem 0.6rem;
  border-radius: 7px;
  line-height: 1.35;
  transition: background 150ms ease, color 150ms ease;
}
.policy-toc a:hover{ background: #FDFAF6; color: var(--color-text); }
.policy-toc a.active{ background: rgba(232,80,42,0.10); color: var(--color-brand-dark); font-weight: 600; }
.policy-content{ min-width: 0; }
.policy-section{
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 14px;
  padding: 1.75rem 2rem;
  margin-bottom: 1.25rem;
  scroll-margin-top: 1.5rem;
}
.policy-section__title{
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #1A1514;
  margin: 0 0 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #F0EBE3;
}
.policy-section__subtitle{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: #1A1514;
  margin: 1.5rem 0 0.5rem;
}
.policy-section p{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: #4A4440;
  line-height: 1.7;
  margin: 0 0 0.875rem;
}
.policy-section p:last-child{ margin-bottom: 0; }
.policy-list,.policy-use-list{
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.policy-list li,.policy-use-list li{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: #4A4440;
  line-height: 1.6;
  padding-left: 1.4rem;
  position: relative;
}
.policy-list li::before,.policy-use-list li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E8502A;
}
.policy-donot-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
  margin: 1rem 0;
}
.policy-donot-item{
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  background: #FDFAF6;
  border: 1px solid #F0E5E0;
  border-radius: 10px;
  padding: 0.875rem 1rem;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: #4A4440;
  line-height: 1.5;
}
.policy-donot-item__icon{
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(220,38,38,0.12);
  color: #DC2626;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}
.policy-use-item{
  border-left: 3px solid #E8502A;
  padding: 0.25rem 0 0.25rem 1rem;
  margin-bottom: 1rem;
}
.policy-use-item__title{
  font-family: var(--font-heading);
  font-size: 0.9375rem;
  font-weight: 700;
  color: #1A1514;
  margin: 0 0 0.25rem;
}
.rights-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
}
.rights-item{
  background: #FDFAF6;
  border: 1px solid #F0EBE3;
  border-radius: 10px;
  padding: 0.875rem 1rem;
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: #4A4440;
  line-height: 1.5;
}
.rights-item__title{
  display: block;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.9rem;
  color: #1A1514;
  margin-bottom: 0.2rem;
}
.privacy-contact-box{
  background: #1A1514;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  margin-top: 0.5rem;
}
.privacy-contact-box__method{
  font-family: var(--font-body);
  font-size: 1rem;
  color: #fff;
  margin-bottom: 0.5rem;
}
.privacy-contact-box__method a{ color: #F4795A; }
.privacy-contact-box__response{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.55;
}
.cookies-table-wrapper{ overflow-x: auto; margin: 1rem 0; border: 1px solid #E8E3DC; border-radius: 10px; }
.cookies-table{ width: 100%; border-collapse: collapse; font-family: var(--font-body); font-size: 0.875rem; }
.cookies-table thead th{ background: #1A1514; color: #fff; text-align: left; padding: 0.75rem 1rem; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
.cookies-table td{ padding: 0.75rem 1rem; border-bottom: 1px solid #F0EBE3; color: #4A4440; line-height: 1.5; vertical-align: top; }
.cookies-table tr:last-child td{ border-bottom: none; }
@media (max-width: 860px){.policy-body__inner{ grid-template-columns: 1fr; }
.policy-toc{ position: static; margin-bottom: 1rem; }
.policy-donot-grid,.rights-list{ grid-template-columns: 1fr; }
.policy-section{ padding: 1.4rem 1.25rem; }}
.page-hero--comparison{
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border-light);
}
.page-hero--comparison .page-hero__subtitle{ max-width: none; }
.comparison-insight-section{
  padding: 0 0 2.5rem;
}
.comparison-insight-card{
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
  padding: 1.5rem 1.75rem;
  border-radius: 14px;
  border: 1px solid transparent;
}
.comparison-insight-card__icon{
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.comparison-insight-card__headline{
  font-family: var(--font-heading);
  font-size: 1.0625rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 0.5rem;
}
.comparison-insight-card__text{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0;
}
.comparison-insight-card--privacy{
  background: rgba(124,58,237,0.05);
  border-color: rgba(124,58,237,0.18);
}
.comparison-insight-card--privacy .comparison-insight-card__icon{
  background: rgba(124,58,237,0.1);
  color: #7C3AED;
}
.comparison-insight-card--privacy .comparison-insight-card__headline{ color: #5B21B6; }
.comparison-insight-card--privacy .comparison-insight-card__text{ color: #4B3980; }
.comparison-insight-card--pricing{
  background: rgba(15,23,42,0.04);
  border-color: rgba(15,23,42,0.14);
}
.comparison-insight-card--pricing .comparison-insight-card__icon{
  background: rgba(15,23,42,0.08);
  color: #0F172A;
}
.comparison-insight-card--pricing .comparison-insight-card__headline{ color: #0F172A; }
.comparison-insight-card--pricing .comparison-insight-card__text{ color: #374151; }
.comparison-insight-card--usecase{
  background: rgba(8,145,178,0.05);
  border-color: rgba(8,145,178,0.18);
}
.comparison-insight-card--usecase .comparison-insight-card__icon{
  background: rgba(8,145,178,0.1);
  color: #0891B2;
}
.comparison-insight-card--usecase .comparison-insight-card__headline{ color: #0E7490; }
.comparison-insight-card--usecase .comparison-insight-card__text{ color: #155E75; }
.comparison-insight-card--migration{
  background: rgba(67,56,202,0.05);
  border-color: rgba(67,56,202,0.18);
}
.comparison-insight-card--migration .comparison-insight-card__icon{
  background: rgba(67,56,202,0.1);
  color: #4338CA;
}
.comparison-insight-card--migration .comparison-insight-card__headline{ color: #3730A3; }
.comparison-insight-card--migration .comparison-insight-card__text{ color: #3730A3; }
.comparison-insight-card--personalization{
  background: rgba(26,115,232,0.05);
  border-color: rgba(26,115,232,0.18);
}
.comparison-insight-card--personalization .comparison-insight-card__icon{
  background: rgba(26,115,232,0.1);
  color: #1A73E8;
}
.comparison-insight-card--personalization .comparison-insight-card__headline{ color: #1558B0; }
.comparison-insight-card--personalization .comparison-insight-card__text{ color: #1558B0; }
.comparison-insight-card--access{
  background: rgba(0,120,212,0.05);
  border-color: rgba(0,120,212,0.18);
}
.comparison-insight-card--access .comparison-insight-card__icon{
  background: rgba(0,120,212,0.1);
  color: #0078D4;
}
.comparison-insight-card--access .comparison-insight-card__headline{ color: #005A9E; }
.comparison-insight-card--access .comparison-insight-card__text{ color: #005A9E; }
.page-hero--compact .page-hero__subtitle{
  max-width: 640px;
}
.contact-section{
  padding: 2.5rem 0 5rem;
}
.contact-layout{
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 2.5rem;
  align-items: start;
}
@media (max-width: 900px){.contact-layout{
    grid-template-columns: 1fr;
  }
.contact-layout__sidebar{
    order: -1;
  }}
.contact-form-card{
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 16px;
  padding: 2.25rem;
}
.contact-form-card__title{
  font-family: var(--font-heading);
  font-size: 1.375rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 1.75rem;
}
.contact-form__submit{
  margin-top: 1.75rem;
}
.contact-sidebar-card{
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-radius: 14px;
  padding: 1.5rem 1.75rem;
}
.contact-sidebar-card + .contact-sidebar-card{
  margin-top: 1rem;
}
.contact-sidebar-card__title,h3.contact-sidebar-card__title{
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 1.125rem;
}
.contact-sidebar-card--response{
  border-top: 3px solid var(--color-brand);
}
.contact-categories{
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.contact-category{
  display: flex;
  gap: 0.875rem;
  align-items: flex-start;
}
.contact-category__icon{
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  color: var(--color-brand);
  margin-top: 1px;
}
.contact-category__title{
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 0.25rem;
}
.contact-category__desc{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.55;
  margin: 0;
}
.contact-response-time{
  display: flex;
  gap: 0.875rem;
  align-items: flex-start;
}
.contact-response-time__icon{
  flex-shrink: 0;
  color: var(--color-brand);
  margin-top: 2px;
}
.contact-response-time__title{
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 0.25rem;
}
.contact-response-time__desc{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
}
.contact-cannot-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contact-cannot-list li{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.55;
  padding-left: 1.25rem;
  position: relative;
}
.contact-cannot-list li::before{
  content: '×';
  position: absolute;
  left: 0;
  top: 0;
  color: #B94040;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1.4;
}
.contact-success{
  background: #fff;
  border: 1px solid var(--color-border-light);
  border-top: 3px solid #265C3A;
  border-radius: 16px;
  padding: 3rem 2.25rem;
  text-align: center;
}
.contact-success__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: rgba(38,92,58,0.08);
  border-radius: 50%;
  margin: 0 auto 1.125rem;
  color: #265C3A;
}
.contact-success__title{
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--color-text);
  letter-spacing: -0.02em;
  margin-bottom: 0.625rem;
}
.contact-success__desc{
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  line-height: 1.65;
  max-width: 420px;
  margin: 0 auto;
}
.page-hero--hiw{
  background:
    linear-gradient(rgba(237, 232, 223, 0.87), rgba(237, 232, 223, 0.87)),
    url('/static/images/page-hero-how-it-works.webp') center / cover;
  min-height: 320px;
  display: flex;
  align-items: center;
}
.guide-hero{
  background: #EDE8DF;
  padding: 3rem 0 2.5rem;
}
.guide-hero__eyebrow{
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #E8502A;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  display: block;
}
.guide-hero__h1{
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #1A1514;
  line-height: 1.15;
  margin: 0 0 1rem;
}
.guide-hero__lead{
  font-family: var(--font-body);
  font-size: 1.0625rem;
  color: #3A3230;
  line-height: 1.7;
  margin: 0;
}
.guide-hero__lead + .guide-hero__lead{
  margin-top: 0.875rem;
}
.article-note{
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  line-height: 1.65;
  color: #1A1514;
}
.article-note--info{
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
}
.article-note--info .article-note__icon{ color: #2563EB; }
.article-note--tip{
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
}
.article-note--tip .article-note__icon{ color: #16A34A; }
.article-note--warning{
  background: #FFFBEB;
  border: 1px solid #FDE68A;
}
.article-note--warning .article-note__icon{ color: #D97706; }
.article-note__icon{
  flex-shrink: 0;
  margin-top: 2px;
}
.article-warning-list{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.25rem 0;
}
.article-warning-item{
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  background: #FFF7ED;
  border: 1px solid #FED7AA;
  border-radius: 10px;
  padding: 0.875rem 1.125rem;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  line-height: 1.65;
  color: #1A1514;
}
.article-warning-item__icon{
  flex-shrink: 0;
  color: #C2410C;
  margin-top: 2px;
}
.article-checklist{
  list-style: none;
  padding: 0;
  margin: 1.25rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.article-checklist__item{
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: #fff;
  border: 1px solid #E8E3DC;
  border-radius: 10px;
  padding: 0.875rem 1rem;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #1A1514;
}
.article-checklist__checkbox{
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: #E8502A;
  cursor: pointer;
}
.writer-section__body ul,.writer-section__body ol{
  padding-left: 1.375rem;
  margin: 0 0 1rem;
  line-height: 1.75;
}
.writer-section__body li{
  margin-bottom: 0.375rem;
}
.table-scroll-wrapper,.table-scroll-wrap,.comparison-wrap{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.article-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  line-height: 1.55;
}
.article-table th,.article-table td{
  padding: 0.75rem 1.125rem;
  text-align: left;
  vertical-align: top;
}
.article-table td{
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text);
  min-width: 100px;
}
.article-table td:first-child{ min-width: 140px; white-space: nowrap; }
.article-table td:nth-child(2){ min-width: 90px; white-space: nowrap; font-weight: 500; }
.article-table td:last-child{ white-space: normal; min-width: 200px; }
.article-table tbody tr:last-child td{ border-bottom: none; }
.article-table tbody tr:nth-child(even) td{ background: var(--color-bg-alt); }
.article-table tbody tr:hover td{ background: rgba(232, 80, 42, 0.04); transition: background 0.1s; }
@media (max-width: 768px){.site-footer__top{
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem;
  }
.section{
    padding-left: 0;
    padding-right: 0;
  }
.comparison-insight-card{
    flex-direction: column;
    gap: 0.75rem;
  }}
@media (max-width: 480px){.site-footer__top{
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem 1.25rem !important;
  }
.site-footer__brand{
    grid-column: 1 / -1;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }
.site-footer__bottom{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
.guide-hero,.page-hero{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
.article-checklist li{
    padding: 12px 14px;
  }}