:root{
  --bg:#fffaf0; --ink:#2a2319; --brand:#c69a22; --brand-ink:#3a2e1b;
  --muted:#6e6357; --card:#ffffff; --accent:#fff3cc;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-ink);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px,92vw);margin-inline:auto}
.header{position:sticky;top:0;background:rgba(255,250,240,.92);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid #e5decf;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.1rem}
.menu{display:flex;align-items:center;gap:1rem;margin:0;padding:0;list-style:none}
.menu a{padding:.5rem .7rem;border-radius:.5rem}
.btn{display:inline-block;background:var(--brand);color:#1d160c;padding:.75rem 1rem;border-radius:.6rem;font-weight:700;border:0}
.btn:hover{filter:brightness(.95);text-decoration:none}
.btn.ghost{background:transparent;border:2px solid var(--brand);}
.btn.small{padding:.45rem .7rem;font-weight:800}
.menu-toggle{display:none}
.hero{padding:3.5rem 0 2.2rem;background:linear-gradient(180deg, #fffaf0 0%, #fff3cc 100%)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;justify-items:center;text-align:center}
.logo-hero{filter:drop-shadow(0 10px 24px rgba(0,0,0,.12));width:min(420px, 60vw);margin-inline:auto}
.hero h1{font-size:clamp(2rem, 1.2rem + 2.8vw, 3.1rem);margin:.6rem 0 .6rem 0}
.bullets{margin:1rem 0 0 0;display:grid;gap:.3rem;justify-items:center}
.section{padding:3rem 0}
.section.accent{background:var(--accent)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);padding:1.2rem;border:1px solid #efe6d3;border-radius:.8rem;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.card .flat{list-style:none;margin:.6rem 0 0 0;padding:0;display:grid;gap:.25rem}
.pricing-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.plan{background:#fff;border:2px solid #efdfb0;border-radius:1rem;padding:1rem}
.plan h3{margin:.2rem 0 1rem 0;display:flex;align-items:center;gap:.4rem}
.plan small{font-weight:600;color:var(--muted)}
.plan.featured{border-color:#c69a22;box-shadow:0 10px 24px rgba(198,154,34,.12)}
.price-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.price-list li{display:flex;align-items:center;justify-content:space-between;background:#fffef6;border:1px dashed #efdfb0;border-radius:.6rem;padding:.6rem .8rem;font-weight:700}
.foot{color:var(--muted);margin-top:.6rem}
.contact{background:radial-gradient(60% 120% at 10% 0%, #fff3cc 0%, #fffaf0 65%)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}
.form label{display:grid;gap:.3rem;margin:.4rem 0}
.form input,.form textarea{padding:.7rem;border-radius:.5rem;border:1px solid #e5decf;background:#fff}
.form .form-status{min-height:1.4rem;color:var(--brand-ink);font-weight:700}
.tech{display:grid;grid-template-columns: 1fr 1fr; gap:1.2rem; align-items:start}
.tech-photo{border-radius:.8rem;border:1px solid #efe6d3;background:#fff}
.tech-specs{list-style:disc;padding-left:1.2rem;margin:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:.6rem;border:1px solid #efe6d3;background:#fff}
.footer{border-top:1px solid #e5decf;padding:1rem 0;background:#fffaf0}
.foot-grid{display:flex;align-items:center;justify-content:space-between}
.muted{color:var(--muted)}
@media (max-width:900px){
  .cards,.pricing-compare,.tech,.gallery{grid-template-columns:1fr}
  .cards.two{grid-template-columns:1fr}
  .hero-grid{text-align:center}
  .menu{display:none;position:absolute;right:1rem;top:64px;background:#fffaf0;border:1px solid #e5decf;border-radius:.8rem;padding:.6rem;width:calc(100vw - 2rem)}
  .menu.show{display:grid;gap:.2rem}
  .menu-toggle{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #e5decf;background:#fff;padding:.5rem .7rem;border-radius:.6rem}
}