*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f7f4eb;color:#17382b}
body{font-family:Arial,Helvetica,sans-serif}
.original-section{width:100%;line-height:0}
.original-section img{display:block;width:100%;height:auto}

.buyer-seller{
  background:linear-gradient(180deg,#f3f1e7 0%,#eef0e4 100%);
  border-top:1px solid rgba(32,62,45,.10);
  border-bottom:1px solid rgba(32,62,45,.10);
  padding:58px 24px 62px;
}
.buyer-seller-inner{
  width:min(920px,100%);
  margin:0 auto;
  text-align:center;
}
.eyebrow{
  margin:0 0 8px;
  color:#b47d22;
  font-size:12px;
  font-weight:700;
  letter-spacing:2.5px;
}
.buyer-seller h1{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(38px,5vw,58px);
  line-height:1;
  color:#17382b;
}
.intro{
  max-width:700px;
  margin:16px auto 30px;
  font-size:17px;
  line-height:1.55;
  color:#405047;
}
.role-card{
  display:flex;
  align-items:center;
  gap:24px;
  width:100%;
  min-height:145px;
  margin:16px 0;
  padding:22px 28px;
  border-radius:18px;
  text-align:left;
  text-decoration:none;
  box-shadow:0 8px 28px rgba(23,56,43,.08);
  transition:transform .18s ease,box-shadow .18s ease;
}
.role-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 34px rgba(23,56,43,.13);
}
.role-card.buyer{background:#fff;border:1px solid #d8dfd6}
.role-card.seller{background:#fffdf8;border:1px solid #e4d8bc}
.role-icon{
  flex:0 0 72px;
  width:72px;height:72px;
  display:grid;place-items:center;
  border-radius:14px;
  font-size:34px;
  font-weight:700;
}
.buyer .role-icon{background:#17382b;color:#fff}
.seller .role-icon{background:#bd872c;color:#fff}
.role-copy{flex:1}
.role-copy h2{
  margin:0 0 5px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  color:#17382b;
}
.role-copy p{margin:0 0 4px;font-size:17px;color:#202a25}
.role-copy span{font-size:14px;color:#68736c}
.arrow{
  font-size:34px;
  color:#17382b;
  padding-left:10px;
}
.seller .arrow{color:#b47d22}

@media(max-width:700px){
  .buyer-seller{padding:42px 16px 46px}
  .role-card{gap:16px;padding:18px;min-height:125px}
  .role-icon{flex-basis:58px;width:58px;height:58px;font-size:27px}
  .role-copy h2{font-size:23px}
  .role-copy p{font-size:15px}
  .role-copy span{font-size:13px}
  .arrow{font-size:28px}
}

.form-page{min-height:100vh;padding:60px 20px;background:#f7f4eb}
.form-box{max-width:760px;margin:auto;background:#fff;padding:42px;border-radius:18px;box-shadow:0 10px 35px rgba(23,56,43,.08)}
.form-box h1{font-family:Georgia,"Times New Roman",serif;font-size:48px;margin:0;color:#17382b}
.form-box .intro{margin-left:0}
form{display:grid;gap:16px;text-align:left}
label{font-weight:700;color:#17382b;font-size:14px}
input,textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #ccd4cc;border-radius:9px;font:inherit;background:#fff}
textarea{min-height:105px;resize:vertical}
button{margin-top:8px;border:0;border-radius:9px;padding:14px 20px;background:#bd872c;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
@media(max-width:700px){.form-box{padding:26px 20px}.form-box h1{font-size:38px}}