:root{--bg:#FFFCF7;--ink:#3a2a26;--accent:#8C493F;--soft:#F7E9DF;--line:#ecd9cc}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;line-height:1.65;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;gap:12px;padding-top:24px;padding-bottom:12px}
header a.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:700}
header img{width:40px;height:40px;border-radius:10px}
nav{margin-left:auto;display:flex;gap:16px;font-size:.95rem}
h1{color:var(--accent);line-height:1.2;font-size:2rem;margin:28px 0 8px}h2{margin-top:30px;font-size:1.15rem}
.hero{padding:36px 0 12px}
.hero p{font-size:1.1rem;max-width:560px}
.card{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:20px 0}
.card h2{margin-top:0}
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;padding-bottom:40px;font-size:.88rem;color:#6b564f}
ul{padding-left:22px}
.hero{display:grid;gap:28px;text-align:left;align-items:center;padding:28px 0}
@media(min-width:720px){.hero{grid-template-columns:1.1fr .9fr}}
.hero .logo{width:84px;height:84px;border-radius:20px;box-shadow:0 8px 24px rgba(140,73,63,.2)}
.hero h1{font-size:2.4rem;margin:16px 0 8px}
.hero .photo{width:100%;border-radius:24px;box-shadow:0 12px 32px rgba(140,73,63,.22);display:block}
.phones{display:flex;justify-content:center;gap:18px;margin:28px 0;flex-wrap:wrap}
.phone{width:210px;border-radius:34px;border:8px solid #2a1d1a;box-shadow:0 14px 34px rgba(60,30,25,.28);overflow:hidden;background:#000}
.phone img{width:100%;display:block}
.phone:nth-child(2){margin-top:26px}
.grid{display:grid;gap:16px;margin:24px 0}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}
.tile{border-radius:18px;overflow:hidden;background:var(--soft);border:1px solid var(--line)}
.tile img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.tile div{padding:14px 18px}.tile h3{margin:0 0 4px;font-size:1.05rem;color:var(--accent)}.tile p{margin:0;font-size:.95rem}
.banner{width:100%;border-radius:20px;margin:20px 0 4px;display:block;max-height:240px;object-fit:cover}
.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:999px;margin-top:10px}
footer .flogo{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:700;color:var(--ink)}footer .flogo img{width:32px;height:32px;border-radius:8px}
header a.brand{white-space:nowrap;font-size:.95rem}
@media(max-width:480px){header img{width:32px;height:32px}header a.brand{gap:8px;font-size:.88rem}nav{gap:10px;font-size:.85rem}header{padding-top:16px}}