body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Noto Sans Thai",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:linear-gradient(180deg,#eef7f3 0,#f7f9f8 360px)}
header{height:64px;padding-inline:max(18px,calc((100% - 760px)/2));background:linear-gradient(120deg,#064d3f,#09876a)}header a,header b{font-weight:900;letter-spacing:-.02em}
main{max-width:760px;padding:24px 16px 48px}.role-choice{padding:34px 0 24px}.role-choice>small,.pitch-hero>small,.commission-guide small{display:inline-flex;padding:6px 9px;border-radius:999px;background:#dff6ee;color:#06765c;font-size:11px;font-weight:900;letter-spacing:.15em}
.role-choice h1,.pitch-hero h1{margin:13px 0 9px;font-size:clamp(30px,5vw,43px);font-weight:900;line-height:1.12;letter-spacing:-.045em}.role-choice>p{max-width:600px;font-size:15px}
.role-cards{grid-template-columns:1fr 1fr}.role-cards button{min-height:142px;padding:20px;border-width:1.5px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.role-cards button:hover,.role-cards button:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px #075c4920}.role-cards strong{font-size:19px;font-weight:900;letter-spacing:-.025em}.role-cards small{font-size:13px;color:#61706b}.role-icon{font-size:22px}
.role-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.role-proof span{padding:7px 10px;border:1px solid #c8ded6;border-radius:999px;background:#fff;color:#31584c;font-size:12px;font-weight:800}
.selected-type-banner{font-size:17px;letter-spacing:-.02em}.business-pitch{display:grid;gap:15px;margin:6px 0 18px}.pitch-hero{padding:25px;border-radius:20px;background:linear-gradient(135deg,#073f34,#0b8b6d);color:#fff;box-shadow:0 16px 35px #073f342b}.pitch-hero>small{background:#ffffff1d;border:1px solid #ffffff45;color:#cffff0}.pitch-hero h1{font-size:32px}.pitch-hero p{margin:0;color:#ddf8ef;font-size:14px;font-weight:550;line-height:1.65}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.benefit-grid article{position:relative;min-height:145px;padding:18px;border:1px solid #d4e4de;border-radius:16px;background:#fff;box-shadow:0 8px 22px #153c3010}.benefit-grid span{display:block;margin-bottom:11px;color:#0a8769;font-size:11px;font-weight:900;letter-spacing:.13em}.benefit-grid strong{font-size:17px;font-weight:900;letter-spacing:-.025em}.benefit-grid p{margin:8px 0 0;color:#61706b;font-size:13px;line-height:1.55}
.commission-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;border:1px solid #ead8aa;border-radius:18px;background:#fffaf0}.commission-guide h2{margin:9px 0 5px;font-size:22px;font-weight:900;letter-spacing:-.035em}.commission-guide p{margin:0;color:#6b6454;font-size:13px;line-height:1.6}.commission-example{padding:15px;border-radius:13px;background:#fff}.commission-example>b{font-size:14px}.commission-example dl{margin:10px 0 0}.commission-example dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #eee7d8;font-size:12px}.commission-example dt{color:#625d52}.commission-example dd{margin:0;color:#087b61;font-weight:900;text-align:right}
.earning-note{margin:0;padding:14px 16px;border-radius:13px;background:#e5f6ef;color:#31584c;font-size:13px;line-height:1.6}.earning-note b{color:#076f57}
form{padding:22px;border:1px solid #dbe6e2;box-shadow:0 12px 34px #183c3015}form h2{margin-top:25px;font-size:21px;font-weight:900;letter-spacing:-.025em}.submit{min-height:52px;box-shadow:0 10px 22px #087b6130;cursor:pointer}
@media(max-width:600px){main{padding:12px 10px 35px}.role-choice{padding-top:23px}.role-cards{grid-template-columns:1fr}.role-cards button{min-height:118px}.role-choice h1{font-size:31px}.pitch-hero{padding:20px}.pitch-hero h1{font-size:27px}.benefit-grid,.commission-guide{grid-template-columns:1fr}.benefit-grid article{min-height:auto}.commission-guide{padding:15px}.role-proof{gap:5px}.role-proof span{font-size:11px}}
