/* ANGIA Founder improvements — scoped to the approved cinematic homepage. */
body.cinematic .hero.hero-ota .hero-description { max-width: 580px; }
body.cinematic .hero-actions { gap: 20px 25px; }
body.cinematic .hero-pricing p { font-size: 13px; }
body.cinematic .hero-pricing p + p { font-size: 12px; }
body.cinematic .founder-setup .trial { column-gap: clamp(38px, 6vw, 86px); row-gap: 48px; padding-bottom: 62px; }
body.cinematic .founder-setup .trial-story h2 { font-size: clamp(40px, 4.2vw, 62px); }
body.cinematic .founder-setup .trial-story .body-copy { margin-top: 23px; font-size: 15px; line-height: 1.85; max-width: 560px; }
body.cinematic .setup-outputs { margin-top: 32px; }
body.cinematic .setup-outputs > h3 { font-family: var(--display); font-weight: 400; font-size: 26px; letter-spacing: -.025em; margin-bottom: 16px; }
body.cinematic .setup-output-list { padding: 0; margin: 0; list-style: none; }
body.cinematic .setup-output-list > li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 18px; padding: 17px 0; border-top: 1px solid #d4cbbb; }
body.cinematic .output-number { padding-top: 2px; font-family: var(--display); font-size: 17px; color: #8a714d; }
body.cinematic .setup-output-list h4 { font-size: 14px; line-height: 1.6; font-weight: 600; color: var(--ink); }
body.cinematic .setup-output-list p { margin-top: 5px; color: #5b625f; font-size: 13px; line-height: 1.8; }
body.cinematic .setup-owner-note { border-top: 1px solid #d4cbbb; padding-top: 18px; margin-top: 3px; color: #62665f; font-size: 12px; line-height: 1.85; }
body.cinematic .setup-owner-note strong { color: #5e523d; font-weight: 600; }
body.cinematic .founder-setup .price-card { position: static; }
body.cinematic .founder-setup .price-card .price-note,
body.cinematic .founder-setup .price-card .trial-terms p,
body.cinematic .founder-setup .price-card .trial-terms summary { font-size: 12px; line-height: 1.85; }
body.cinematic .setup-process-row { grid-column: 1 / -1; display: grid; grid-template-columns: 1.14fr 1fr; align-items: start; column-gap: clamp(38px, 6vw, 86px); padding-top: 30px; border-top: 1px solid #d0c5b3; }
body.cinematic .free-check-note { padding-right: 12px; }
body.cinematic .free-check-note .eyebrow { display: block; margin-bottom: 11px; font-size: 10px; }
body.cinematic .free-check-note h3 { font-family: var(--display); font-weight: 400; font-size: 25px; line-height: 1.45; letter-spacing: -.025em; }
body.cinematic .free-check-note p { margin-top: 12px; color: #62665f; font-size: 13px; line-height: 1.85; }
body.cinematic .free-check-note .text-link { margin-top: 17px; }
body.cinematic .setup-process { border: 1px solid #cec2ad; padding: 0 22px; background: #f5f1e97a; min-width: 0; }
body.cinematic .setup-process > summary { display: flex; align-items: center; justify-content: space-between; list-style: none; padding: 21px 0; gap: 16px; cursor: pointer; font-family: var(--display); font-size: 20px; line-height: 1.5; letter-spacing: -.02em; }
body.cinematic .setup-process > summary::-webkit-details-marker { display: none; }
body.cinematic .setup-process > summary small { display: block; font-family: Manrope, sans-serif; font-size: 11px; font-weight: 400; color: #6e6a5e; letter-spacing: 0; margin-top: 5px; }
body.cinematic .setup-process .process-toggle { font-family: Manrope, sans-serif; font-size: 24px; font-weight: 400; color: #8a714d; transition: transform .2s; }
body.cinematic .setup-process[open] .process-toggle { transform: rotate(45deg); }
body.cinematic .setup-process .ota-timeline { margin-top: 0; padding-top: 21px; border-top: 1px solid #d4cbbb; padding-bottom: 22px; }
body.cinematic .setup-process .week-tabs { gap: 8px; }
body.cinematic .setup-process .week-tabs button > strong { font-size: 12px; }
body.cinematic .setup-process .week-panel { min-height: 0; }
body.cinematic .setup-process .week-panel h3 { font-size: 23px; }
body.cinematic .setup-process .timeline-note { font-size: 12px; }
body.cinematic .handover { display: grid; grid-template-columns: .73fr 1.65fr; gap: clamp(35px, 5vw, 72px); align-items: start; padding-bottom: clamp(70px, 7vw, 110px); }
body.cinematic .handover-intro { padding-top: 27px; }
body.cinematic .handover-intro > h2 { font-size: clamp(35px, 3.4vw, 49px); }
body.cinematic .handover-intro > p:not(.eyebrow) { font-size: 13px; line-height: 1.85; color: #62665f; margin-top: 24px; max-width: 310px; }
body.cinematic .handover-intro .text-link { margin-top: 23px; }
body.cinematic .handover-document { background: #faf8f3; border: 1px solid #ded5c5; border-top: 3px solid #b69a69; box-shadow: 0 12px 40px #42362008; padding: clamp(24px, 3vw, 40px); min-width: 0; }
body.cinematic .handover-document-head { display: flex; gap: 15px; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--line); color: #8a714d; font-size: 9px; font-weight: 600; line-height: 1.7; letter-spacing: .11em; }
body.cinematic .handover-document > h3 { font-family: var(--display); font-size: 29px; font-weight: 400; line-height: 1.4; letter-spacing: -.035em; margin-top: 23px; }
body.cinematic .handover-document-note { color: #736e62; font-size: 11px; line-height: 1.8; margin-top: 7px; }
body.cinematic .handover-table { width: 100%; border-collapse: collapse; table-layout: fixed; margin-top: 26px; text-align: left; }
body.cinematic .handover-table th, body.cinematic .handover-table td { vertical-align: top; padding: 16px 12px 16px 0; border-bottom: 1px solid #e1dace; font-size: 12px; line-height: 1.8; font-weight: 400; }
body.cinematic .handover-table th:last-child, body.cinematic .handover-table td:last-child { padding-right: 0; }
body.cinematic .handover-table thead th { color: #7f6947; padding-top: 0; font-size: 10px; font-weight: 600; letter-spacing: .02em; }
body.cinematic .handover-table thead th:first-child { width: 25%; }
body.cinematic .handover-table tbody th { color: var(--ink); font-weight: 600; }
body.cinematic .handover-table tbody th span { display: block; font-family: var(--display); color: #a38a61; font-size: 15px; font-weight: 400; margin-bottom: 5px; }
body.cinematic .handover-table td { color: #656a64; }
body.cinematic .handover-document-foot { margin-top: 20px; font-size: 11px; line-height: 1.8; color: #817967; }
body.cinematic .contact-copy .contact-instructions { display: block; }
@media (max-width: 1100px) {
  body.cinematic .handover { grid-template-columns: .7fr 1.5fr; gap: 34px; }
  body.cinematic .handover-document { padding: 26px; }
  body.cinematic .handover-table th, body.cinematic .handover-table td { font-size: 11px; }
}
@media (max-width: 800px) {
  body.cinematic .founder-setup .trial { row-gap: 32px; padding-bottom: 42px; }
  body.cinematic .founder-setup .price-card { position: static; }
  body.cinematic .setup-process-row { grid-template-columns: 1fr; gap: 28px; }
  body.cinematic .handover { grid-template-columns: 1fr; gap: 28px; }
  body.cinematic .handover-intro { padding-top: 0; }
  body.cinematic .handover-intro h2 br { display: none; }
  body.cinematic .handover-intro > p:not(.eyebrow) { margin-top: 18px; max-width: 580px; }
  body.cinematic .handover-table th, body.cinematic .handover-table td { font-size: 12px; }
}
@media (max-width: 650px) {
  body.cinematic .hero.hero-ota .hero-description { font-size: 14px; }
  body.cinematic .hero-pricing p { font-size: 12px; }
  body.cinematic .hero-pricing p + p { font-size: 11px; }
  body.cinematic .hero-actions .button { gap: 12px; }
  body.cinematic .founder-setup .trial-story h2 { font-size: clamp(34px, 9vw, 43px); }
  body.cinematic .founder-setup .trial-story .body-copy { font-size: 14px; }
  body.cinematic .setup-outputs { margin-top: 26px; }
  body.cinematic .setup-outputs > h3 { font-size: 24px; }
  body.cinematic .setup-output-list > li { gap: 14px; padding-block: 16px; }
  body.cinematic .setup-output-list p { font-size: 12px; }
  body.cinematic .setup-owner-note { font-size: 12px; }
  body.cinematic .setup-process-row { padding-top: 26px; }
  body.cinematic .free-check-note { padding-right: 0; }
  body.cinematic .free-check-note h3 { font-size: 24px; }
  body.cinematic .setup-process { padding-inline: 18px; }
  body.cinematic .setup-process > summary { font-size: 19px; }
  body.cinematic .setup-process .week-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.cinematic .handover-document { padding: 24px 20px; }
  body.cinematic .handover-document-head { font-size: 8px; gap: 16px; }
  body.cinematic .handover-document-head span:last-child { text-align: right; }
  body.cinematic .handover-document > h3 { font-size: 26px; }
  body.cinematic .handover-table { display: block; margin-top: 23px; }
  body.cinematic .handover-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body.cinematic .handover-table tbody { display: block; }
  body.cinematic .handover-table tr { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; border-bottom: 1px solid #e1dace; padding: 17px 0; }
  body.cinematic .handover-table th, body.cinematic .handover-table td { display: block; padding: 0; border: 0; font-size: 12px; }
  body.cinematic .handover-table tbody th { grid-column: 1 / -1; font-size: 14px; margin-bottom: 11px; }
  body.cinematic .handover-table tbody th span { display: inline-block; margin: 0 12px 0 0; }
  body.cinematic .handover-table td::before { content: 'Nội dung đối chiếu'; display: block; color: #88704e; font-size: 10px; margin-bottom: 5px; }
  body.cinematic .handover-table td:last-child::before { content: 'Chủ cơ sở cần duyệt'; }
  body.cinematic .handover-document-foot { font-size: 11px; }
  body.cinematic .mobile-cta .button { font-size: 11px; padding-inline: 11px; }
}
@media (max-width: 359px) {
  body.cinematic .handover-document { padding-inline: 17px; }
  body.cinematic .handover-table tr { column-gap: 14px; }
  body.cinematic .mobile-cta .button { font-size: 10px; gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  body.cinematic .setup-process .process-toggle { transition: none; }
}