.packages-hero { padding: clamp(72px, 9vw, 130px) clamp(24px, 8vw, 130px); background: var(--green); color: white; text-align: center; }
.packages-hero h1 { margin: 0; font-family: Georgia, serif; font-size: clamp(4rem, 8vw, 8rem); line-height: 0.88; letter-spacing: -0.065em; }
.packages-hero h1 span { color: var(--pink); font-style: italic; }
.packages-hero > p:not(.eyebrow) { max-width: 760px; margin: 30px auto; color: #d7e8e0; font-size: 1.15rem; line-height: 1.65; }
.package-jumps { display: flex; justify-content: center; gap: 25px; }
.package-jumps a { color: white; font-weight: 850; text-underline-offset: 5px; }
.package-showcase { padding: clamp(80px, 10vw, 145px) clamp(24px, 7vw, 105px); display: grid; grid-template-columns: minmax(0, .82fr) minmax(460px, 1.18fr); gap: clamp(50px, 8vw, 120px); align-items: center; }
.standard-showcase { background: var(--paper); }
.advanced-showcase { background: var(--pink); }
.package-copy h2, .package-compare h2 { margin: 0; color: var(--green); font-family: Georgia, serif; font-size: clamp(3rem, 5.4vw, 5.8rem); line-height: .98; letter-spacing: -.05em; }
.package-copy > p:not(.eyebrow) { color: #59635e; font-size: 1.05rem; line-height: 1.7; }
.feature-ticks { margin: 26px 0; padding: 0; display: grid; gap: 10px; list-style: none; color: var(--green); font-weight: 780; }
.feature-ticks li::before { content: "✓"; margin-right: 9px; color: var(--coral); }
.price-options { margin: 28px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.price-options span { padding: 15px; display: grid; border: 1px solid var(--green); border-radius: 14px; background: var(--cream); color: var(--green); }
.price-options small { font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.price-options strong { font-family: Georgia, serif; font-size: 2rem; }
.package-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.experience-frame { padding: 17px; border: 3px solid var(--green); border-radius: 28px; background: var(--cream); box-shadow: 16px 18px 0 var(--pink); transform: rotate(1deg); }
.advanced-frame { box-shadow: 16px 18px 0 rgba(21, 92, 72, .24); transform: rotate(-1deg); }
.frame-bar { padding: 5px 5px 16px; display: flex; align-items: center; gap: 10px; color: var(--green); font-size: .8rem; }
.frame-bar > span { width: 11px; height: 11px; border-radius: 50%; background: var(--coral); box-shadow: 18px 0 0 var(--lime), 36px 0 0 var(--pink); margin-right: 38px; }
.frame-bar em { margin-left: auto; padding: 5px 9px; border-radius: 999px; background: var(--green); color: white; font-style: normal; font-weight: 800; }
.mock-search { padding: 14px 16px; border: 1px solid var(--line); border-radius: 13px; background: white; color: #66706a; }
.mock-search b { float: right; color: var(--green); }
.mock-creators { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.mock-creators article { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: white; }
.mock-creators img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.mock-creators article div { padding: 13px; }
.mock-creators small, .mock-panel small { color: var(--coral); font-size: .65rem; font-weight: 900; text-transform: uppercase; }
.mock-creators h3, .mock-panel h3 { margin: 4px 0; color: var(--green); font-family: Georgia, serif; font-size: 1.5rem; }
.mock-creators p, .mock-panel p { margin: 5px 0 11px; color: #69736d; font-size: .75rem; }
.mock-creators article span { color: var(--green); font-size: .75rem; font-weight: 850; }
.standard-caption { margin-top: 12px; padding: 13px 15px; display: flex; justify-content: space-between; gap: 10px; border-radius: 13px; background: var(--green); color: white; font-size: .78rem; }
.profile-frame { transform: rotate(.35deg); }
.profile-hero { display: grid; grid-template-columns: 112px 1fr; gap: 17px; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.profile-hero > img { width: 112px; height: 112px; border-radius: 16px; object-fit: cover; }
.profile-intro small, .profile-details small, .content-heading small, .campaign-header small, .section-title small, .campaign-brief small, .campaign-note small { color: var(--coral); font-size: .62rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.profile-intro h3, .campaign-header h3 { margin: 3px 0; color: var(--green); font-family: Georgia, serif; font-size: clamp(1.7rem, 3vw, 2.35rem); line-height: 1; }
.profile-intro p, .campaign-header p { margin: 6px 0 10px; color: #69736d; font-size: .78rem; line-height: 1.45; }
.profile-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.profile-actions span { padding: 5px 8px; border-radius: 999px; background: #eef3c7; color: var(--green); font-size: .66rem; font-weight: 850; }
.profile-actions span:last-child::before { content: ""; width: 6px; height: 6px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #2aa66f; }
.audience-stats { margin-top: 9px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.audience-stats span { padding: 10px 8px; display: grid; border: 1px solid var(--line); border-radius: 11px; background: white; color: #69736d; font-size: .62rem; text-align: center; }
.audience-stats strong { color: var(--green); font-family: Georgia, serif; font-size: 1.25rem; }
.profile-detail-grid { margin-top: 9px; display: grid; grid-template-columns: .78fr 1.22fr; gap: 9px; }
.profile-details { display: grid; gap: 9px; }
.profile-details section, .content-preview { padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.profile-tags { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }
.profile-tags span { padding: 5px 7px; border-radius: 999px; background: var(--paper); color: var(--green); font-size: .62rem; font-weight: 800; }
.contact-card strong { margin-top: 7px; display: block; color: var(--green); font-size: .78rem; overflow-wrap: anywhere; }
.contact-card p { margin: 5px 0 8px; color: #69736d; font-size: .61rem; line-height: 1.4; }
.contact-card button, .campaign-brief button, .campaign-footer button { border: 0; border-radius: 999px; background: var(--green); color: white; font: inherit; font-size: .62rem; font-weight: 850; padding: 7px 10px; }
.content-heading, .section-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.content-heading h4, .section-title h4, .campaign-brief h4 { margin: 2px 0 0; color: var(--green); font-family: Georgia, serif; font-size: 1rem; }
.content-heading > span, .section-title > span { padding: 4px 7px; border-radius: 999px; background: var(--pink); color: var(--green); font-size: .56rem; font-weight: 850; white-space: nowrap; }
.social-content-grid { margin-top: 9px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.social-content-grid article { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--paper); }
.social-image { height: 128px; position: relative; overflow: hidden; background: #d9dfd8; }
.social-image img { width: 100%; height: 100%; object-fit: cover; }
.social-image-alt img { object-position: center 35%; }
.social-image span, .social-image i { position: absolute; padding: 4px 6px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--green); font-size: .53rem; font-style: normal; font-weight: 900; }
.social-image span { top: 7px; left: 7px; }
.social-image i { right: 7px; bottom: 7px; }
.social-content-grid h5 { margin: 8px 8px 2px; color: var(--green); font-size: .68rem; }
.social-content-grid p { margin: 0 8px 8px; color: #69736d; font-size: .56rem; }
.mock-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.mock-stats span { padding: 12px; display: grid; border-radius: 12px; background: white; color: #69736d; font-size: .68rem; }
.mock-stats strong { color: var(--green); font-family: Georgia, serif; font-size: 1.7rem; }
.advanced-grid { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.mock-panel { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.status-pill { padding: 5px 8px; border-radius: 999px; background: var(--lime); color: #35430e; font-size: .68rem; font-weight: 850; }
.alert-panel { background: #eef3c7; }
.crm-panel { display: flex; gap: 11px; align-items: center; }
.crm-panel img { width: 62px; height: 62px; border-radius: 12px; object-fit: cover; }
.crm-panel i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: #2aa66f; }
.crm-panel span { color: var(--green); font-size: .7rem; font-weight: 850; }
.template-panel { background: #fff5f8; }
.campaign-frame { transform: rotate(-.35deg); }
.campaign-header { padding: 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-radius: 15px; background: white; }
.campaign-progress { margin: 9px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.campaign-progress div { min-height: 62px; padding: 9px; display: flex; flex-direction: column-reverse; justify-content: space-between; border: 1px solid var(--line); border-radius: 11px; background: white; color: #69736d; font-size: .58rem; font-weight: 800; }
.campaign-progress b { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: #eef3c7; color: var(--green); }
.campaign-progress .current { border-color: var(--coral); background: #fff5f1; color: var(--green); }
.campaign-progress .current b { background: var(--coral); color: white; }
.campaign-dashboard { display: grid; grid-template-columns: 1.2fr .8fr; gap: 9px; }
.campaign-creators, .campaign-brief { padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.campaign-creators article { margin-top: 8px; padding: 8px; display: grid; grid-template-columns: 38px 1fr auto; gap: 8px; align-items: center; border-radius: 10px; background: var(--paper); }
.campaign-creators article img { width: 38px; height: 38px; border-radius: 9px; object-fit: cover; }
.campaign-creators article strong { color: var(--green); font-size: .72rem; }
.campaign-creators article p { margin: 2px 0 0; color: #69736d; font-size: .56rem; }
.deliverable { padding: 5px 7px; border-radius: 999px; font-size: .54rem; font-weight: 850; white-space: nowrap; }
.deliverable.filming { background: #eef3c7; color: #4e5d19; }
.deliverable.review { background: var(--pink); color: var(--green); }
.campaign-note { margin-top: 8px; padding: 9px; border-left: 3px solid var(--coral); border-radius: 5px 9px 9px 5px; background: #fff5f1; }
.campaign-note p { margin: 3px 0 0; color: #69736d; font-size: .58rem; line-height: 1.45; }
.campaign-brief dl { margin: 8px 0; }
.campaign-brief dl div { padding: 6px 0; border-bottom: 1px solid var(--line); }
.campaign-brief dt { color: #69736d; font-size: .54rem; font-weight: 800; text-transform: uppercase; }
.campaign-brief dd { margin: 2px 0 0; color: var(--green); font-size: .62rem; font-weight: 750; line-height: 1.35; }
.campaign-footer { margin-top: 9px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-radius: 12px; background: var(--green); color: white; font-size: .64rem; }
.campaign-footer span { display: grid; gap: 2px; }
.campaign-footer button { background: var(--lime); color: #35430e; white-space: nowrap; }
.match-request-preview { margin-top: 9px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid var(--coral); border-radius: 12px; background: #fff5f1; }
.match-request-preview > div { display: grid; gap: 2px; }
.match-request-preview > div:last-child { text-align: right; }
.match-request-preview small { color: var(--coral); font-size: .54rem; font-weight: 900; text-transform: uppercase; }
.match-request-preview strong, .match-request-preview b { color: var(--green); font-size: .67rem; }
.match-request-preview span { color: #69736d; font-size: .57rem; }
.package-compare { padding: clamp(80px, 10vw, 145px) clamp(24px, 8vw, 130px); background: var(--cream); }
.compare-heading { max-width: 850px; }
.comparison-table { max-width: 900px; margin: 48px auto; overflow: hidden; border: 2px solid var(--green); border-radius: 20px; background: white; }
.compare-row { padding: 16px 20px; display: grid; grid-template-columns: 1fr 130px 130px; border-bottom: 1px solid var(--line); }
.compare-row:last-child { border-bottom: 0; }
.compare-row b { color: var(--green); text-align: center; }
.compare-head { background: var(--green); color: white; }
.compare-head strong:not(:first-child) { text-align: center; }
.final-package-cta { max-width: 900px; margin: 0 auto; padding: 34px; border: 2px solid var(--green); border-radius: 22px; background: var(--paper); box-shadow: var(--shadow); text-align: center; }
.final-package-cta h3 { margin: 0; color: var(--green); font-family: Georgia, serif; font-size: 2.4rem; }
.final-package-cta p { color: #69736d; }
@media (max-width: 960px) { .package-showcase { grid-template-columns: 1fr; } .experience-frame { max-width: 700px; } }
@media (max-width: 650px) {
  .packages-hero { text-align: left; }
  .package-jumps { justify-content: flex-start; flex-direction: column; gap: 10px; }
  .price-options, .mock-creators, .advanced-grid { grid-template-columns: 1fr; }
  .package-actions { flex-direction: column; }
  .comparison-table { font-size: .76rem; }
  .compare-row { padding: 13px 11px; grid-template-columns: 1fr 72px 72px; }
  .standard-caption { flex-direction: column; }
  .profile-hero { grid-template-columns: 78px 1fr; }
  .profile-hero > img { width: 78px; height: 94px; }
  .audience-stats { grid-template-columns: 1fr 1fr; }
  .profile-detail-grid, .campaign-dashboard { grid-template-columns: 1fr; }
  .campaign-progress { grid-template-columns: 1fr 1fr; }
  .campaign-header, .campaign-footer { align-items: flex-start; flex-direction: column; }
  .match-request-preview { align-items: flex-start; flex-direction: column; }
  .match-request-preview > div:last-child { text-align: left; }
}