.v-site .v-upload-form { max-width: 580px; margin: 28px auto 18px; padding: 12px; border: 1px solid #d9e2d7; border-radius: 24px; background: #fffefa; box-shadow: 0 12px 45px #153c2f08; }
.v-site .v-upload-drop { display: flex; align-items: center; flex-direction: column; gap: 10px; padding: 24px 16px; border: 1.5px dashed #93ac98; border-radius: 16px; background: #f2f6ef; cursor: pointer; }
.v-site .v-upload-drop strong { font-size: 21px; }
.v-site .v-upload-drop > span:not(.v-upload-form-icon), .v-site .v-upload-drop small { color: #637166; font-size: 13px; }
.v-site .v-upload-form-icon, .v-site .v-entry-symbol { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: #dfeadb; color: #234535; }
.v-site .v-upload-form-icon svg, .v-site .v-entry-symbol svg { width: 25px; height: 25px; }
.v-site .v-upload-drop input { max-width: 100%; font-size: 13px; }
.v-site .v-upload-drop input::file-selector-button { background: white; border: 1px solid #b4c4b5; border-radius: 8px; padding: 8px 12px; margin-right: 10px; cursor: pointer; }
.v-site .v-upload-form > .v-button { width: 100%; margin-top: 12px; }
.v-site .v-upload-filename { overflow-wrap: anywhere; font-size: 13px; }
.v-site .v-entry { max-width: 650px; text-align: center; padding-top: 70px; padding-bottom: 90px; }
.v-site .v-entry h1, .v-site .v-upgrade h1 { font-size: clamp(36px, 5vw, 60px); line-height: 1.08; letter-spacing: -2px; margin: 18px 0; }
.v-site .v-entry > p, .v-site .v-upgrade-lead { color: #637166; line-height: 1.7; }
.v-site .v-entry-symbol { margin: 24px auto; }
.v-site .v-email-form { text-align: left; display: grid; gap: 12px; max-width: 440px; margin: 30px auto; }
.v-site .v-email-form input[type=email] { background: white; border: 1px solid #c6d1c4; border-radius: 12px; padding: 16px; width: 100%; }
.v-site .v-upgrade { text-align: center; padding-top: 65px; padding-bottom: 80px; }
.v-site .v-upgrade-lead { max-width: 600px; margin: auto; }
.v-site .v-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 40px 0 24px; text-align: left; }
.v-site .v-plan { padding: 28px; border: 1px solid #d6dfd1; border-radius: 24px; background: #fffefa; }
.v-site .v-plan-featured { border: 2px solid #355c44; background: #eff4e8; }
.v-site .v-plan-price { font-size: 46px; font-weight: 600; letter-spacing: -2px; margin: 20px 0 0; }
.v-site .v-plan .v-check-list { margin: 24px 0; font-size: 14px; }
.v-site .v-plan .v-button { width: 100%; }
.preview-banner { display: flex; align-items: center; gap: 24px; justify-content: space-between; background: #edf3e8; border: 1px solid #b9cbb1; border-radius: 18px; padding: 24px; margin: 0 0 24px; color: #244532; }
.preview-banner h2 { font-size: 20px; font-weight: 600; margin: 6px 0; }
.preview-banner p { max-width: 720px; font-size: 14px; line-height: 1.6; }
.preview-banner .preview-eyebrow { font-size: 10px; letter-spacing: 1.6px; font-weight: 700; }
.preview-button { display: inline-block; flex-shrink: 0; background: #254834; border-radius: 10px; color: #fff; padding: 12px 18px; font-size: 14px; font-weight: 600; }
@media (max-width: 760px) { .v-site .v-plan-grid { grid-template-columns: 1fr; } .preview-banner { align-items: flex-start; flex-direction: column; } .v-site .v-entry { padding-top: 40px; } }
.v-site .v-email-scene { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 17px; padding: 24px; background: #f3eee4; }
.v-site .v-email-scene > strong { font-size: 17px; }
.v-site .v-example-email { width: 100%; display: flex; align-items: center; justify-content: space-between; background: #fffefa; border: 1px solid #d9d4c8; border-radius: 10px; padding: 12px; font-size: 13px; color: #748073; }
.v-site .v-example-email span { background: #ff855f; color: #213c2c; padding: 4px 8px; border-radius: 5px; }