.btn-dark{background: var(--c-dark); color: #fff;}
.btn-dark:hover{background: var(--ink-2); transform: translateY(-1px);}
.btn-ghost{background: transparent; color: var(--ink-3); padding: .625rem 1rem;}
.btn-ghost:hover{color: var(--ink); background: var(--bg-2); border-radius: var(--r-md);}
.comp-nav-links{display: flex; align-items: center; gap: 1.75rem;}
.comp-nav-links a{font-size: .875rem; font-weight: 500; color: var(--ink-3);
  transition: color .15s; position: relative;}
.comp-nav-links a:hover{color: var(--ink);}
.hero{background: var(--white);
  padding: 6rem 0 5rem;
  border-bottom: 1px solid var(--border-2);
  position: relative; overflow: hidden;}
.hero::before{content: '';
  position: absolute; top: -200px; right: -200px;
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(0,0,0,.06) 0%, transparent 65%);
  pointer-events: none;}
.hero-eyebrow-dot{width: 6px; height: 6px; border-radius: 50%;
  background: var(--orange); animation: pulse 2.5s infinite;}
.hero h1{margin-bottom: 1.25rem; color: var(--ink);}
.hero h1 em{font-style: italic; color: var(--orange-text);}
.hero-trust{display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;}
.hero-trust-item{display: flex; align-items: center; gap: .375rem;
  font-size: .8rem; color: var(--ink-4); font-weight: 500;}
.hero-trust-item i{color: var(--orange-text); font-size: .875rem;}
.hero-triple{display: grid; grid-template-columns: repeat(3,1fr); gap: 1.75rem; align-items: stretch;}
.hero-col{background: var(--bg-2); border: 1px solid var(--orange-light);
  border-radius: var(--r-2xl); padding: 2rem 1.75rem;
  display: flex; flex-direction: column;
  position: relative;
  box-shadow: var(--sh-xs); transition: var(--t);}
.hero-col:hover{transform: translateY(-4px);
  border-color: var(--orange);
  box-shadow: var(--sh-md);}
.hero-col-icon{width: 44px; height: 44px; border-radius: 50%;
  background: var(--orange); border: none;
  display: flex; align-items: center; justify-content: center;
  
  font-size: 1.125rem; color: #fff;
  margin-bottom: 1.125rem; position: relative; z-index: 1;
  box-shadow: var(--sh-xs);}
.hero-triple-title{font-size: 1.75rem; line-height: 1.22; margin-bottom: .875rem; color: var(--ink); position: relative; z-index: 1;}
.hero-triple-title em{font-style: italic; color: var(--orange-text);}
.hero-col-sub{font-size: .9rem; color: var(--ink-3); line-height: 1.65; margin-bottom: 1.5rem; flex: 1; position: relative; z-index: 1;}
.hero-col-pitch > .btn{align-self: flex-start; position: relative; z-index: 1;}
.hero-col-label{display: flex; align-items: center; gap: .375rem;
  font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: var(--orange-text); margin-bottom: 1rem; position: relative; z-index: 1;}
.hero-example-q{background: var(--white); border-radius: var(--r-lg);
  padding: .875rem 1rem; font-size: .85rem; color: var(--ink-2);
  margin-bottom: .875rem; line-height: 1.55;
  position: relative; z-index: 1; box-shadow: var(--sh-xs);}
.hero-example-q i{color: var(--ink-4); margin-right: .375rem;}
.hero-example-a{background: var(--orange-xl); border: 1px solid var(--orange-light);
  border-radius: var(--r-lg); padding: 1rem; font-size: .8rem;
  color: #4A3428; line-height: 1.6;
  position: relative; z-index: 1;}
.hero-example-a .badge{margin-bottom: .625rem; display: inline-flex;}
.hero-example-warn{margin-top: .625rem; font-weight: 700; color: var(--orange-dark); font-size: .75rem;}
.hero-col-title{font-size: 1.25rem; margin-bottom: 1.25rem; color: var(--ink); position: relative; z-index: 1;}
.hero-pick-row{display: flex; align-items: center; gap: .75rem;
  padding: .75rem 1rem; background: var(--white);
  border: 1.5px solid var(--border); border-radius: var(--r-pill);
  margin-bottom: .75rem; text-decoration: none;
  color: var(--ink); font-size: .875rem; font-weight: 600;
  transition: var(--t); position: relative; z-index: 1;}
.hero-pick-row:hover{border-color: var(--orange);
  transform: translateY(-2px);
  box-shadow: var(--sh-sm);}
.hero-pick-icon{width: 34px; height: 34px; border-radius: 50%;
  background: transparent; border: 1.5px solid var(--orange);
  display: flex; align-items: center; justify-content: center;
  font-size: .9rem; color: var(--orange-text); flex-shrink: 0;
  transition: var(--t);}
.hero-pick-row > i:last-child{margin-left: auto; color: var(--ink-4); font-size: .8rem; flex-shrink: 0;}
.hero-pick-row > span:not(.hero-pick-icon){flex: 1;}
.hero-col-picker .hero-trust{margin-top: .5rem; gap: 1rem; position: relative; z-index: 1;}
.pricing-card{background: var(--white); border: 1.5px solid var(--border);
  border-radius: var(--r-2xl); padding: 2rem; position: relative; overflow: hidden;}
.pricing-card.featured{border-color: var(--orange); box-shadow: var(--sh-orange);}
.pricing-featured-badge{position: absolute; top: 1.25rem; right: 1.25rem;}
.pricing-plan{font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; color: var(--ink-3); margin-bottom: 1rem;}
.pricing-price{font-family: var(--f-display); font-size: 2.75rem; font-weight: 700; color: var(--ink); line-height: 1; margin-bottom: .25rem;}
.pricing-period{font-size: .8125rem; color: var(--ink-4); margin-bottom: 1.5rem;}
.pricing-features{list-style: none; display: flex; flex-direction: column; gap: .625rem; margin-bottom: 2rem;}
.pricing-features li{display: flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--ink-2);}
.pricing-features li i{color: var(--orange-text); font-size: .875rem; flex-shrink: 0;}
.stats-row{display: grid; grid-template-columns: repeat(4,1fr); gap: 0;}
.stat-item{padding: 2rem 1.5rem; text-align: center; border-right: 1px solid var(--border-2);}
.stat-item:last-child{border-right: none;}
.stat-num{font-family: var(--f-display); font-size: 2.5rem; color: var(--orange-text); line-height: 1; margin-bottom: .375rem;}
.stat-label{font-size: .8rem; font-weight: 600; color: var(--ink-3); text-transform: uppercase; letter-spacing: .07em;}
.comp-footer{background: var(--c-dark); padding: 4rem 0 2rem;
  border-top: 1px solid rgba(255,255,255,.05);}
.comp-footer p{color: rgba(255,255,255,.68);}
.comp-footer a{color: #FFFFFF; text-decoration: underline;}
.footer-logo-wrap .comp-logo{color: #fff; margin-bottom: 1rem;}
.footer-logo-wrap .comp-logo strong{color: #FFFFFF;}
.footer-logo-wrap .logo-icon{background: #FFFFFF; color: #111111;}
.footer-logo-wrap p{font-size: .875rem; color: rgba(255,255,255,.68); line-height: 1.7;}
.comp-footer .footer-col a{display: block; font-size: .875rem; color: rgba(255,255,255,.72); margin-bottom: .5rem; transition: color .15s;}
.comp-footer .footer-col a:hover{color: #FFFFFF;}
.comp-footer .footer-bottom{border-top: 1px solid rgba(255,255,255,.06);
  padding-top: 1.5rem;
  display: flex; align-items: center; justify-content: space-between;
  font-size: .8rem; color: rgba(255,255,255,.68);}
@media(max-width:1024px){
.stats-row{grid-template-columns: repeat(2,1fr);}
.hero-triple{grid-template-columns: 1fr; max-width: 480px; margin: 0 auto;}
.hero-col-picker{order: -1;}
}
@media(max-width:768px){
.comp-nav-links{display: none;}
.hero{padding: 4rem 0 3rem;}
}