*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{background:#fff;color:#333}
a{text-decoration:none;color:inherit}
h1,h2,h3{font-weight:700}
.ct{max-width:1100px;margin:0 auto;padding:0 15px}
.btn{display:inline-block;background:#e07a3b;color:#fff;padding:12px 26px;border-radius:30px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:.2s}
.btn:hover{background:#c4652f}
.btn2{background:#fff;color:#e07a3b;border:1px solid #fff}
.btn2:hover{background:#ffe0cc;color:#c4652f;border-color:#ffe0cc}
h1 span{color:#e07a3b}
.top{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #eee}
.topc{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-size:22px;font-weight:700;color:#e07a3b}
.nav a{margin-left:18px;font-size:14px}
.nav a:hover{color:#e07a3b}
.hero{background:linear-gradient(135deg,#fff5eb,#ffe0cc);padding:60px 0 40px}
.hero-in{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.hero-t{flex:1 1 260px}
.hero-i{flex:1 1 260px;display:flex;justify-content:center}
.hero-i div{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffe9d7 0,#e07a3b 45%,#7b3b14 100%);position:relative;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.hero-i div:before,.hero-i div:after{content:"";position:absolute;border-radius:999px;background:#f7d9b5}
.hero-i div:before{width:170px;height:40px;top:55%;left:50%;transform:translateX(-50%);box-shadow:0 0 0 10px #c4652f}
.hero-i div:after{width:130px;height:30px;top:64%;left:50%;transform:translateX(-50%);background:#d3935b}
.hero h1{font-size:34px;line-height:1.15;margin-bottom:14px}
.hero p{font-size:15px;line-height:1.6;margin-bottom:20px;color:#555}
.hero-b{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-b small{font-size:12px;color:#666}
.tag{display:inline-block;background:#fff;border-radius:20px;padding:5px 12px;font-size:11px;color:#e07a3b;font-weight:600;margin-bottom:10px;border:1px dashed #ffc6a0}
.tag span{color:#333}
.s-badges{display:flex;gap:20px;margin-top:18px;flex-wrap:wrap;font-size:12px;color:#555}
.s-badges div{display:flex;align-items:center;gap:6px}
.s-badges b{font-size:18px;color:#e07a3b}
.s1{padding:45px 0 25px}
.s1g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px}
.s1 h2{text-align:center;margin-bottom:25px;font-size:22px}
.card{border:1px solid #f0e0d2;border-radius:12px;padding:16px;text-align:center;background:#fff}
.card h3{font-size:16px;margin-bottom:8px}
.card p{font-size:13px;color:#666}
.card span{display:inline-block;margin-top:10px;font-size:12px;color:#e07a3b;font-weight:700}
.card:nth-child(2){background:#fff5eb}
.s2{background:#2c160a;color:#fff;padding:40px 0}
.s2in{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap}
.s2t{flex:1 1 260px}
.s2t h2{font-size:22px;margin-bottom:12px}
.s2t p{font-size:14px;color:#e5d6ce;margin-bottom:16px}
.list li{margin-bottom:8px;font-size:13px}
.list li:before{content:"✓";color:#ffb36c;margin-right:6px}
.s2f{flex:1 1 260px;background:#3b1b0d;border-radius:14px;padding:18px 16px}
.s2f h3{font-size:16px;margin-bottom:8px}
.s2f p{font-size:13px;color:#f3e2d8;margin-bottom:12px}
.in{display:flex;flex-direction:column;margin-bottom:10px;font-size:13px}
.in label{margin-bottom:4px}
.in input,.in select,.in textarea{padding:9px 10px;border-radius:6px;border:1px solid #775244;font-size:13px;background:#2c160a;color:#fff}
.in textarea{resize:vertical;min-height:60px}
.s2f small{display:block;font-size:11px;color:#c7a091;margin-top:6px}
.s3{padding:40px 0 35px}
.s3h{text-align:center;margin-bottom:24px}
.s3h h2{font-size:22px;margin-bottom:8px}
.s3h p{font-size:14px;color:#666}
.pl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.p{border:1px solid #f0e0d2;border-radius:14px;padding:16px;background:#fff}
.p h3{font-size:16px;margin-bottom:4px}
.p span{display:block;font-size:20px;color:#e07a3b;font-weight:700}
.p span small{font-size:11px;color:#999;font-weight:400}
.p ul{margin:10px 0 14px;font-size:13px;color:#555;list-style:none}
.p li{margin-bottom:5px}
.p li:before{content:"•";margin-right:4px;color:#e07a3b}
.p strong{font-size:11px;color:#999;display:block;margin-bottom:8px}
.p.d{background:#fff5eb;border-color:#e07a3b;position:relative;overflow:hidden}
.bad{position:absolute;top:9px;right:-40px;background:#e07a3b;color:#fff;font-size:10px;padding:3px 46px;transform:rotate(40deg)}
.s4{padding:35px 0;background:#fff5eb}
.s4in{display:flex;gap:30px;flex-wrap:wrap;align-items:center}
.s4t{flex:1 1 260px}
.s4t h2{font-size:22px;margin-bottom:10px}
.s4t p{font-size:14px;color:#555;margin-bottom:16px}
.s4g{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;font-size:12px}
.s4g div{background:#fff;border-radius:10px;padding:10px;border:1px solid #f0e0d2}
.s4g b{display:block;margin-bottom:4px;color:#e07a3b}
.s4c{flex:0 0 260px;text-align:center}
.s4c h3{font-size:16px;margin-bottom:8px}
.s4c p{font-size:13px;color:#555;margin-bottom:10px}
.s4c span{display:block;font-size:12px;color:#777;margin-top:8px}
.ft{padding:18px 0;font-size:11px;color:#777;border-top:1px solid #eee;background:#fff}
.ftc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ft nav a{margin-left:12px}
.ft nav a:hover{color:#e07a3b}
@media(max-width:768px){
.hero{padding-top:30px}
.hero-in{gap:24px}
.hero h1{font-size:28px}
.topc{height:56px}
.nav{display:none}
.s2in{gap:22px}
.s2f{order:2}
.s2t{order:1}
}