:root{
  --brand:#ff6a00;
  --brand-2:#ff8c1a;
  --text:#1b1b1b;
  --bg:#fff7f0;
  --muted:#6b6b6b;
  --card:#ffffff;
  --border:rgba(0,0,0,0.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"Lora","Georgia",serif;color:var(--text);background:var(--bg);}
img{max-width:100%;display:block;height:auto}
a{text-decoration:none;color:inherit}

/* Header */
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;border-bottom:1px solid rgba(255,255,255,0.15)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:36px}
.brand{font-weight:700;letter-spacing:0.5px}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,0.4);color:#fff;background:rgba(255,255,255,0.12);backdrop-filter:saturate(140%) blur(4px);transition:transform .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,0.2)}

/* Burger */
.burger{position:relative;width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,0.35);display:inline-flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}
.burger .bar{position:absolute;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.burger .bar:nth-child(1){transform:translateY(-6px)}
.burger .bar:nth-child(2){transform:translateY(0)}
.burger .bar:nth-child(3){transform:translateY(6px)}
.burger.active .bar:nth-child(1){transform:rotate(45deg)}
.burger.active .bar:nth-child(2){opacity:0}
.burger.active .bar:nth-child(3){transform:rotate(-45deg)}

/* Fullscreen menu */
.overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity .2s ease}
.overlay.show{opacity:1;pointer-events:auto}
.menu{position:fixed;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,#fff,#ffe3cc);transform:translateY(-100%);transition:transform .3s ease;z-index:999}
.menu.show{transform:translateY(0)}
.menu-inner{max-width:900px;margin:0 auto;padding:24px}
.menu-head{display:flex;align-items:center;justify-content:space-between}
.menu-close{width:40px;height:40px;border-radius:8px;border:1px solid #ff8c1a;color:#ff6a00;background:#fff5eb;display:flex;align-items:center;justify-content:center;cursor:pointer}
.menu-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:24px}
.menu-link{padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease}
.menu-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,0.08)}

/* Hero */
.hero{padding:56px 0;background:radial-gradient(1200px 600px at 20% -10%, rgba(255,187,112,0.35), transparent 60%),linear-gradient(180deg,#fffdfb, #fff7f0)}
.hero .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.hero h1{font-size:40px;line-height:1.15;margin:0 0 14px}
.hero p{font-size:18px;color:var(--muted);margin:0 0 20px}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px}
.cta .btn{background:linear-gradient(90deg,var(--brand),var(--brand-2));border-color:transparent}
.cta .btn.secondary{background:transparent;border-color:var(--brand-2);color:var(--brand-2)}
.hero-img{border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 40px rgba(0,0,0,0.08)}

/* Sections */
section{padding:48px 0;border-top:1px solid var(--border)}
h2{font-size:28px;margin:0 0 18px;color:#c65300}
h3{font-size:20px;margin:20px 0 10px}
h4{font-size:18px;margin:16px 0 8px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 8px 20px rgba(0,0,0,0.05)}
.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left}
.table tr:last-child td{border-bottom:0}
.muted{color:var(--muted)}

/* Footer */
.site-footer{padding:28px 0;background:#1b1b1b;color:#f0f0f0;margin-top:40px}
.site-footer .row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.site-footer a{color:#ffd8b0}

/* Responsive */
@media (max-width: 980px){
  .hero .grid{grid-template-columns:1fr}
  .two-col{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  
}
@media (max-width: 640px){
  .cards{grid-template-columns:1fr}
}

@media (max-width: 400px){
  .logo img {
    display: none;
  }
}