:root{
  --brand-primary: #D35400;
  --brand-accent:  #F39C12;
  --brand-dark:    #4A2B0A;
  --muted:         #6b6b6b;
  --bg:            #fffaf6;
  --card:          #fff;
  --glass:         rgba(255,255,255,0.85);
  --radius:        14px;
  --maxw:          1200px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--brand-dark);
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(180deg, #fffaf6 0%, #fff 50%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.wrap{max-width:var(--maxw);margin:0 auto;padding:1.5rem}

@media (max-width:1000px){
  .features{grid-template-columns:repeat(2,1fr)}
  .grid-6{grid-template-columns:repeat(2,1fr)}
  .image-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .hero-content h1{font-size: 2rem;}
  .features{grid-template-columns:1fr}
  .grid-6{grid-template-columns:1fr}
  .image-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-actions .btn-ghost{display:none}
  .cta-footer{flex-direction:column;text-align:center}
  .tab-buttons{justify-content:flex-start;}
}