:root{--color-primary: #e8740c;--color-primary-hover: #cf6700;--color-accent: #e8740c;--color-accent-dark: #cf6700;--color-text: #2d2419;--color-text-light: #6b5b4d;--color-bg: #fef8f2;--color-bg-alt: #fdf0e0;--color-border: #f0d9be;--max-width: 1200px;--radius: .5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased}header{border-bottom:1px solid var(--color-border);padding:.75rem 2rem;position:sticky;top:0;background:#fef8f2f2;backdrop-filter:blur(8px);z-index:100}nav{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo img{display:block}nav ul{display:flex;list-style:none;gap:.5rem;align-items:center}nav ul a{color:var(--color-primary);text-decoration:none;font-weight:600;font-size:.9rem;padding:.45rem .9rem;border-radius:.4rem;border:1px solid var(--color-primary);background:#ffffff80;transition:all .2s}nav ul a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--color-text);transition:.3s}main{max-width:var(--max-width);margin:0 auto;padding:0 2rem}footer{background:#3d2b1a;color:#d4c4b0;padding:3rem 2rem 1.5rem;margin-top:4rem}.footer-content{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid #5a4532}.footer-col h4{color:#f5a623;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.footer-col a{display:block;color:#bfaa94;text-decoration:none;margin-bottom:.4rem;font-size:.9rem;transition:color .2s}.footer-col a:hover{color:#f5a623}.footer-col p{font-size:.9rem;margin-bottom:.3rem}.footer-bottom{max-width:var(--max-width);margin:1rem auto 0;display:flex;justify-content:space-between;font-size:.8rem;color:#8a7765}.footer-bottom a{color:#8a7765;text-decoration:none}.footer-bottom a:hover{color:#f5a623}.btn{display:inline-block;padding:.8rem 2rem;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius);font-weight:600;font-size:1rem;transition:all .2s;border:2px solid var(--color-primary)}.btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-accent{background:var(--color-accent);border-color:var(--color-accent)}.btn-accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.hero{text-align:center;padding:5rem 0 3rem}.hero h1{font-size:2.75rem;font-weight:800;margin-bottom:1.25rem;letter-spacing:-.02em;line-height:1.2;color:var(--color-primary)}.hero p{font-size:1.25rem;color:var(--color-text-light);max-width:640px;margin:0 auto 2.5rem;line-height:1.7}.hero .btn+.btn{margin-left:1rem}.section{padding:4rem 0}.section-alt{background:var(--color-bg-alt);margin:0 -2rem;padding:4rem 2rem}.section h2{font-size:2rem;margin-bottom:1rem;font-weight:700;letter-spacing:-.01em;color:var(--color-primary)}.section .subtitle{color:var(--color-text-light);font-size:1.1rem;margin-bottom:2.5rem;max-width:600px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.card{border:1px solid var(--color-border);border-radius:.75rem;padding:2rem;transition:box-shadow .2s,transform .2s;background:#fffcf8}.card:hover{box-shadow:0 4px 16px #d282281f;transform:translateY(-2px)}.card h3{margin-bottom:.75rem;font-size:1.15rem;font-weight:600;color:var(--color-primary)}.card p{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.card .btn{margin-top:1.25rem}@media(max-width:768px){.menu-toggle{display:flex}nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);flex-direction:column;padding:1rem 2rem;gap:.5rem;border-bottom:1px solid var(--color-border);box-shadow:0 4px 12px #0000000d}nav ul.open{display:flex}.hero h1{font-size:1.85rem}.hero{padding:3rem 0 2rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}
