*{box-sizing:border-box}html,body{color:#1d2420;background:#fafaf7;margin:0;padding:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:0 22px}.nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand{letter-spacing:.5px;font-size:22px;font-weight:800}.navlinks{gap:22px;font-size:14px;display:flex}.hero{background:linear-gradient(135deg,#eef3ed,#fafaf7);padding:90px 0 70px}.hero h1{max-width:780px;margin:0 0 20px;font-size:58px;line-height:1.02}.hero p{color:#5b655e;max-width:700px;font-size:19px;line-height:1.7}.btn{color:#fff;cursor:pointer;background:#23352b;border:0;border-radius:10px;margin-right:8px;padding:13px 18px;display:inline-block}.btn.alt{color:#23352b;background:#dfe7df}.section{padding:70px 0}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:#fff;border:1px solid #e7ebe6;border-radius:16px;padding:22px}.cover{object-fit:cover;background:#e8ece8;border-radius:12px;width:100%;height:220px}.muted{color:#68736c}.chat{background:#fff;border:1px solid #dfe4df;border-radius:18px;width:350px;position:fixed;bottom:18px;right:18px;overflow:hidden;box-shadow:0 12px 40px #0002}.chathead{color:#fff;background:#23352b;padding:16px;font-weight:700}.chatbody{max-height:360px;padding:14px;overflow:auto}.bubble{border-radius:12px;max-width:90%;margin:8px 0;padding:10px 12px;line-height:1.5}.user{background:#e8eee8;margin-left:auto}.ai{background:#f2f3f1}.chatform{border-top:1px solid #eee;display:flex}.chatform input{border:0;outline:0;flex:1;padding:12px}.chatform button{color:#fff;background:#23352b;border:0;padding:0 15px}.admin{background:#f4f6f3;min-height:100vh}.adminnav{color:#fff;background:#23352b;padding:16px}.adminmain{max-width:1200px;margin:auto;padding:30px 22px}.tabs{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.tab{background:#fff;border:1px solid #d9dfda;border-radius:8px;padding:9px 13px}.formgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field input,.field textarea,.field select{background:#fff;border:1px solid #d8ddd8;border-radius:9px;padding:11px}.field textarea{min-height:120px}.full{grid-column:1/-1}.table{border-collapse:collapse;background:#fff;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #edf0ed;padding:11px;font-size:14px}.notice{background:#eef4ed;border-radius:9px;margin:10px 0;padding:12px}.danger{background:#fcecec}.footer{color:#667067;border-top:1px solid #e5e8e4;padding:35px 0}@media (max-width:800px){.grid{grid-template-columns:1fr}.hero h1{font-size:40px}.navlinks{display:none}.chat{width:auto;left:12px;right:12px}.formgrid{grid-template-columns:1fr}}.cover{background:#f5f5f2;border-radius:12px;width:100%;height:220px;overflow:hidden}.cover img{object-fit:contain;width:100%;height:100%;display:block}#portfolio .container{max-width:1280px}#portfolio .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}#portfolio .card{background:#fff;border:1px solid #e5e5df;border-radius:16px;padding:14px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 18px #1f302709}#portfolio .card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1f302717}#portfolio .cover{border-radius:10px;height:250px}#portfolio .card h3{letter-spacing:-.4px;margin-top:20px;margin-bottom:10px;font-size:20px}#portfolio .card p{line-height:1.7}@media (max-width:800px){#portfolio .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width:540px){#portfolio .grid{grid-template-columns:1fr}#portfolio .cover{height:240px}}.bc-site{width:100%;font-size:16px}.bc-site .bc-wrap{width:min(1200px,100% - 64px);margin-left:auto;margin-right:auto}.bc-site .bc-header{min-height:76px}.bc-site .bc-hero{background-size:cover;min-height:500px}.bc-site .bc-hero h1{font-size:clamp(42px,4vw,58px)}.bc-site .bc-benefit{padding-top:8px;padding-bottom:12px}.bc-site .bc-section{padding-top:54px;padding-bottom:54px}.bc-site .bc-project-image{object-fit:contain;width:100%;height:175px}@media (max-width:680px){.bc-site .bc-wrap{width:calc(100% - 32px)}.bc-site .bc-hero{min-height:440px}.bc-site .bc-hero h1{font-size:38px}.bc-site .bc-project-image{height:150px}}