#more-stories .df-gallery-intro{font-size:22px;margin:24px auto 36px}.df-gallery-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px;margin:auto}.df-gallery-story{background:#ffffff0c;border:1px solid #ffffff24;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.df-gallery-play{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;background:#23183f;cursor:pointer;overflow:hidden;color:white}.df-gallery-play img{display:block;width:100%;height:100%;object-fit:cover}.df-gallery-play-label{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#1b1238e8;border:1px solid #ffffff60;border-radius:30px;padding:12px 18px;font:bold 15px Arial,sans-serif}.df-gallery-play-label span{margin-right:7px}.df-gallery-play:hover .df-gallery-play-label{background:#a13789}.df-gallery-play:focus-visible{outline:3px solid #edb7ed;outline-offset:-4px}.df-gallery-story iframe{display:block;width:100%;aspect-ratio:4/5;border:0;background:#100b1c}.df-gallery-details{padding:24px;display:flex;flex-direction:column;flex:1;text-align:center}.df-gallery-details p{font:16px/1.6 Arial,sans-serif;margin:0 0 14px}.df-gallery-details .df-gallery-metric{font-size:22px;line-height:1.3;font-weight:700;color:#efb7ed;min-height:57px}.df-gallery-details h3{font-family:Arial,sans-serif;font-size:20px;line-height:1.3;color:white;margin:6px 0 22px}.df-gallery-details .r-button{margin-top:auto;width:100%;padding:15px 8px;font-size:24px}.df-gallery-source{text-align:center;font:14px/1.6 Arial,sans-serif;color:#cfc5df;margin:26px auto 0}.df-gallery-source a{color:inherit;text-decoration:underline}@media(max-width:767px){.df-gallery-stories{grid-template-columns:1fr;max-width:440px}.df-gallery-details .df-gallery-metric{min-height:0}#more-stories .df-gallery-intro{font-size:18px}.df-gallery-details{padding:20px}}
.df-gallery-story video{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#100b1c}
.reference-replica #hero .r-hero-sub{font-weight:400!important;max-width:1200px;margin-left:auto;margin-right:auto}
@media(min-width:768px){
.reference-replica #hero h1{font-size:clamp(26px,3.5vw,48px);max-width:1248px;line-height:1.08;margin-left:auto;margin-right:auto}
.reference-replica #hero .hero-title-line{display:block;white-space:nowrap}
.reference-replica #hero .r-hero-sub{font-size:clamp(14px,1.65vw,20px);line-height:1.5;text-wrap:balance}
}

/* Compact opening form, with scrolling retained only for very small screens/keyboards. */
.reference-replica #quiz[data-step="0"][open]{display:flex;flex-direction:column;width:min(550px,calc(100% - 24px))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:auto}
.reference-replica #quiz[data-step="0"] .modal-top{padding:10px 24px!important;min-height:60px!important;flex-shrink:0}
.reference-replica #quiz[data-step="0"] #popup-stages li{padding:9px 5px}
.reference-replica #quiz[data-step="0"] #screen{padding:20px 28px!important;flex:0 1 auto;overflow:visible}
.reference-replica #quiz[data-step="0"] #quiz-title{font-size:36px!important;line-height:1.08!important;margin:0 0 10px!important}
.reference-replica #quiz[data-step="0"] #screen>.eyebrow{margin-bottom:7px;font-size:10px}
.reference-replica #quiz[data-step="0"] #screen>p{font-size:14px;line-height:1.4;margin-bottom:12px}
.reference-replica #quiz[data-step="0"] label.field{margin:10px 0 5px;font-size:13px}
.reference-replica #quiz[data-step="0"] input[type=text],.reference-replica #quiz[data-step="0"] input[type=tel]{padding:10px 12px;min-height:44px;font-size:16px}
.reference-replica #quiz[data-step="0"] .consent{margin:12px 0 0;font-size:11px;line-height:1.4}
.reference-replica #quiz[data-step="0"] .actions{margin-top:14px}
.reference-replica #quiz[data-step="0"] .primary{min-height:48px;padding:11px 14px;font-size:30px}
.reference-replica #quiz[data-step="0"][data-language=ta] #quiz-title{font-size:24px!important;line-height:1.4!important}
@media(max-width:767px){.reference-replica #quiz[data-step="0"] #screen{padding:16px 18px!important}.reference-replica #quiz[data-step="0"] #quiz-title{font-size:25px!important}.reference-replica #quiz[data-step="0"] #mobile-quiz-actions{padding:10px 16px}.reference-replica #quiz[data-step="0"][data-language=ta] #quiz-title{font-size:21px!important}}
/* Compact question screens: same sizing as the opening form so all five questions fit without scrolling. */
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"])[open]{display:flex;flex-direction:column;width:min(550px,calc(100% - 24px))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:auto}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) .modal-top{padding:10px 24px!important;min-height:60px!important;flex-shrink:0}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #popup-stages li{padding:9px 5px}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #screen{padding:20px 28px!important;flex:0 1 auto;overflow:visible}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #quiz-title{font-size:36px!important;line-height:1.08!important;margin:0 0 10px!important}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #screen>.eyebrow{margin-bottom:7px;font-size:10px}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #screen>p{font-size:14px;line-height:1.4;margin-bottom:12px}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) .option{padding:10px 14px;min-height:44px;margin-bottom:8px;font-size:15px;line-height:1.4}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) .option.selected{padding:9px 13px}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #screen>.actions{margin-top:14px}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) .primary{min-height:48px;padding:11px 14px;font-size:30px}
.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"])[data-language=ta] #quiz-title{font-size:24px!important;line-height:1.4!important}
@media(max-width:767px){.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #screen{padding:16px 18px!important}.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #quiz-title{font-size:25px!important}.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"]) #mobile-quiz-actions{padding:10px 16px}.reference-replica #quiz:is([data-step="1"],[data-step="2"],[data-step="3"],[data-step="4"],[data-step="5"])[data-language=ta] #quiz-title{font-size:21px!important}}
/* Compact results screen: same popup size as the questions, no scrolling. */
.reference-replica #quiz[data-step="6"][open]{display:flex;flex-direction:column;width:min(550px,calc(100% - 24px))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow:auto}
.reference-replica #quiz[data-step="6"] .modal-top{padding:10px 24px!important;min-height:60px!important;flex-shrink:0}
.reference-replica #quiz[data-step="6"] #screen{padding:22px 28px!important;flex:0 1 auto;overflow:visible}
.reference-replica #quiz[data-step="6"] .result-check{width:44px;height:44px;margin:0 auto 12px}
.reference-replica #quiz[data-step="6"] .result-simple>.eyebrow{font-size:11px;margin:0 0 8px}
.reference-replica #quiz[data-step="6"] .result-simple #quiz-title{font-size:40px!important;line-height:1.05!important;margin:0 0 14px!important}
.reference-replica #quiz[data-step="6"] .result-next-step{font-size:15px;line-height:1.5;margin:0 auto 12px}
.reference-replica #quiz[data-step="6"] .result-bridge{font-size:14px;line-height:1.45;margin:0 auto 8px}
.reference-replica #quiz[data-step="6"] .result-draft{margin:0 0 14px}
.reference-replica #quiz[data-step="6"] .result-simple>.primary{min-height:50px;padding:11px 14px;font-size:30px}
.reference-replica #quiz[data-step="6"][data-language=ta] .result-simple #quiz-title{font-size:24px!important;line-height:1.45!important}
.reference-replica #quiz[data-step="6"][data-language=ta] .result-simple>.primary{font-size:15px}
@media(max-width:767px){.reference-replica #quiz[data-step="6"] #screen{padding:18px!important}.reference-replica #quiz[data-step="6"] .result-simple #quiz-title{font-size:32px!important}.reference-replica #quiz[data-step="6"][data-language=ta] .result-simple #quiz-title{font-size:21px!important}}
/* Compact payment screen (desktop): same layout and colours, tighter sizes so it fits without scrolling. */
@media(min-width:768px){
.reference-replica #quiz[data-step="7"][open]{width:min(600px,calc(100% - 24px))!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 24px)!important}
.reference-replica #quiz[data-step="7"] #screen{flex:0 1 auto;padding:14px 18px 16px!important}
.reference-replica #quiz[data-step="7"] .offer-top{margin:0 0 10px}
.reference-replica #quiz[data-step="7"] .offer-pill{font-size:10px;padding:7px 11px}
.reference-replica #quiz[data-step="7"] .offer-design #quiz-title{font-size:24px!important;line-height:1.2!important;margin:0 0 4px!important}
.reference-replica #quiz[data-step="7"] .offer-sub{font-size:15px;line-height:1.3;margin:0 0 10px}
.reference-replica #quiz[data-step="7"] .offer-items{margin:0 0 10px}
.reference-replica #quiz[data-step="7"] .offer-items li{padding:8px 12px;gap:12px}
.reference-replica #quiz[data-step="7"] .offer-icon{width:36px;height:36px;padding:7px}
.reference-replica #quiz[data-step="7"] .offer-icon svg{width:22px;height:22px}
.reference-replica #quiz[data-step="7"] .offer-item-copy b{font-size:14px;line-height:1.35}
.reference-replica #quiz[data-step="7"] .offer-item-copy small{font-size:12px;line-height:1.4;margin-top:2px}
.reference-replica #quiz[data-step="7"] .offer-value{font-size:13px;padding:6px 10px}
.reference-replica #quiz[data-step="7"] .offer-prices{padding:10px 16px;gap:12px;margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-was span,.reference-replica #quiz[data-step="7"] .offer-now span{font-size:14px;line-height:1.4}
.reference-replica #quiz[data-step="7"] .offer-was s{font-size:28px;line-height:1.3}
.reference-replica #quiz[data-step="7"] .offer-now strong{font-size:58px;line-height:1.1;padding:4px 4px 6px}
.reference-replica #quiz[data-step="7"] .offer-saving b{padding:6px 12px}
.reference-replica #quiz[data-step="7"] .offer-saving strong{font-size:22px;line-height:1.35}
.reference-replica #quiz[data-step="7"] .offer-saving small{font-size:14px;line-height:1.4;padding:3px 7px}
.reference-replica #quiz[data-step="7"] .offer-reassurance{padding:8px 12px;margin:0 0 10px}
.reference-replica #quiz[data-step="7"] .offer-reassurance svg{width:24px;height:24px}
.reference-replica #quiz[data-step="7"] .offer-reassurance p{font-size:13px;line-height:1.4}
.reference-replica #quiz[data-step="7"] .offer-trust{margin:10px 0}
.reference-replica #quiz[data-step="7"] .offer-footer{padding-top:8px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions{padding:10px 16px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .primary{padding:12px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .offer-pay>span:last-child,.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .offer-pay>span:nth-child(2){font-size:20px}
}
/* Payment screen fit: final tightening (desktop English/Tamil, phone) so it needs no scrolling. */
@media(min-width:768px){
.reference-replica #quiz[data-step="7"] .offer-top{margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-sub{margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-items{margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-items li{padding:6px 12px}
.reference-replica #quiz[data-step="7"] .offer-prices{padding:8px 16px;margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-now strong{font-size:50px;padding:2px 4px 4px}
.reference-replica #quiz[data-step="7"] .offer-saving strong{font-size:20px}
.reference-replica #quiz[data-step="7"] .offer-saving small{font-size:13px}
.reference-replica #quiz[data-step="7"] .offer-reassurance{padding:6px 12px;margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-trust{margin:6px 0}
.reference-replica #quiz[data-step="7"] .offer-footer{padding-top:6px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions{padding:8px 16px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .primary{padding:10px 12px}
.reference-replica #quiz[data-step="7"][data-language=ta][open]{width:min(720px,calc(100% - 24px))!important}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-design #quiz-title{font-size:21px!important;line-height:1.35!important}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-sub{font-size:14px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-item-copy b{font-size:13px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-item-copy small{font-size:11px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-reassurance p{font-size:12px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-trust span{font-size:11px;line-height:1.35}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-trust small{font-size:9.5px;line-height:1.35}
}
@media(max-width:767px){
.reference-replica #quiz[data-step="7"][open]{height:fit-content!important;max-height:calc(100dvh - 24px)!important}
.reference-replica #quiz[data-step="7"] #screen{flex:0 1 auto;padding:12px 14px 14px!important}
.reference-replica #quiz[data-step="7"] .offer-top{margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-pill{font-size:10px;padding:6px 10px}
.reference-replica #quiz[data-step="7"] .offer-design #quiz-title{font-size:20px!important;line-height:1.2!important;margin:0 0 4px!important}
.reference-replica #quiz[data-step="7"] .offer-sub{font-size:13px;line-height:1.35;margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-items{margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-items li{padding:7px 10px;gap:8px}
.reference-replica #quiz[data-step="7"] .offer-icon{width:30px;height:30px;padding:6px;flex:0 0 30px}
.reference-replica #quiz[data-step="7"] .offer-icon svg{width:18px;height:18px}
.reference-replica #quiz[data-step="7"] .offer-item-copy b{font-size:13px;line-height:1.3}
.reference-replica #quiz[data-step="7"] .offer-item-copy small{font-size:11px;line-height:1.35;margin-top:1px}
.reference-replica #quiz[data-step="7"] .offer-value{font-size:11px;padding:5px 7px}
.reference-replica #quiz[data-step="7"] .offer-prices{padding:8px 10px;gap:8px;margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-was span,.reference-replica #quiz[data-step="7"] .offer-now span{font-size:12px;line-height:1.35}
.reference-replica #quiz[data-step="7"] .offer-was s{font-size:22px;line-height:1.25}
.reference-replica #quiz[data-step="7"] .offer-now strong{font-size:46px!important;line-height:1.1;padding:2px 2px 4px}
.reference-replica #quiz[data-step="7"] .offer-saving b{padding:5px 8px}
.reference-replica #quiz[data-step="7"] .offer-saving strong{font-size:18px}
.reference-replica #quiz[data-step="7"] .offer-saving small{font-size:12px;padding:2px 6px}
.reference-replica #quiz[data-step="7"] .offer-reassurance{padding:7px 10px;gap:8px;margin:0 0 8px}
.reference-replica #quiz[data-step="7"] .offer-reassurance svg{width:22px;height:22px}
.reference-replica #quiz[data-step="7"] .offer-reassurance p{font-size:12px;line-height:1.4}
.reference-replica #quiz[data-step="7"] .offer-trust{margin:8px 0}
.reference-replica #quiz[data-step="7"] .offer-trust span{font-size:11px;line-height:1.3}
.reference-replica #quiz[data-step="7"] .offer-trust small{font-size:9.5px}
.reference-replica #quiz[data-step="7"] .offer-trust svg{width:20px;height:20px}
.reference-replica #quiz[data-step="7"] .offer-footer{padding-top:6px}
.reference-replica #quiz[data-step="7"] .offer-footer p{font-size:9.5px;line-height:1.4}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions{padding:8px 12px}
.reference-replica #quiz[data-step="7"] #mobile-quiz-actions .primary{padding:11px 10px}
}
/* Phone Tamil payment fit: Tamil labels are longer, so trim just the parts that wrap. */
@media(max-width:767px){
.reference-replica #quiz[data-step="7"][data-language=ta] #screen{padding:10px 10px 12px!important}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-design #quiz-title{font-size:18px!important;line-height:1.25!important}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-sub{font-size:12px;line-height:1.3}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-items li{padding:6px 8px;gap:6px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-item-copy b{font-size:12px;line-height:1.3}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-item-copy small{font-size:10px;line-height:1.35}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-value{font-size:10px;padding:4px 6px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-was span,.reference-replica #quiz[data-step="7"][data-language=ta] .offer-now span{font-size:11px;line-height:1.3}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-saving small{font-size:11px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-reassurance p{font-size:11px;line-height:1.35}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-trust span{font-size:10px;line-height:1.25}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-trust small{font-size:9px;line-height:1.25}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-footer p{font-size:9px;line-height:1.35}
.reference-replica #quiz[data-step="7"][data-language=ta] #mobile-quiz-actions .primary{padding:9px 10px;font-size:14px!important;line-height:1.3!important}
.reference-replica #quiz[data-step="7"][data-language=ta] #mobile-quiz-actions .offer-pay>span:not(:last-child){font-size:14px!important;line-height:1.3!important}
}
/* Phone Tamil spacing: close the last gap with tighter spacing only, no smaller text. */
@media(max-width:767px){
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-top,.reference-replica #quiz[data-step="7"][data-language=ta] .offer-sub,.reference-replica #quiz[data-step="7"][data-language=ta] .offer-items,.reference-replica #quiz[data-step="7"][data-language=ta] .offer-prices,.reference-replica #quiz[data-step="7"][data-language=ta] .offer-reassurance{margin-bottom:4px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-items li{padding:5px 8px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-prices{padding:6px 8px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-reassurance{padding:5px 8px}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-trust{margin:4px 0}
.reference-replica #quiz[data-step="7"][data-language=ta] .offer-footer{padding-top:4px}
.reference-replica #quiz[data-step="7"][data-language=ta] #mobile-quiz-actions{padding:6px 12px}
}
/* The final contact form spans the space formerly occupied by the price. */
#free-check .r-checkout{grid-template-columns:minmax(0,1fr);max-width:680px}
/* Final assessment offer: prominent price and readable supporting labels. */
#free-check .r-checkout-price{width:100%;padding:28px 12px;text-align:center;font-size:clamp(42px,5vw,64px);line-height:1.15}
#free-check .r-checkout-price>b{font-size:clamp(160px,20vw,250px);line-height:1.05;margin:16px 0 22px}
#free-check .r-checkout-price small{display:block;font-size:clamp(26px,3vw,38px);line-height:1.2}
@media(max-width:767px){#free-check .r-checkout-price{font-size:clamp(38px,9vw,60px)}#free-check .r-checkout-price>b{font-size:clamp(150px,38vw,230px)}#free-check .r-checkout-price small{font-size:clamp(24px,6vw,36px)}}
/* Sticky bar breathing room: the button sat too close to the top edge. */
.reference-replica .r-sticky{padding:16px 20px 12px}
@media(max-width:767px){.reference-replica .r-sticky{padding:13px 16px 10px}}
/* Google rating badge in the hero: laurels, gold stars, real review count. */
.r-pill.df-rating-pill{white-space:nowrap}
.df-pill-rating{display:inline-flex;align-items:center;gap:7px;border-left:2px solid #ccc2de;padding-left:12px}
.df-laurel{display:block;width:auto;height:26px;flex:0 0 auto}
.df-laurel-right{transform:scaleX(-1)}
.df-stars{color:#f5b50a;font-size:1.12em;letter-spacing:1px;line-height:1;text-shadow:0 1px 0 #c98a0055}
.df-rating-text{font-weight:600;letter-spacing:.2px}
@media(max-width:767px){
 .df-pill-title{display:none}
 .df-pill-rating{gap:4px;padding-left:6px;border-left-width:1px}
 .df-laurel{height:19px}
 .df-stars{font-size:11px;letter-spacing:0}
}
/* Simple header: logo and brand name only, evenly padded. */
.reference-replica .r-top{padding:10px 16px;min-height:56px;gap:0;letter-spacing:.5px}
.reference-replica .r-top strong{margin:0;font-size:20px}
@media(max-width:767px){.reference-replica .r-top{padding:8px 16px;min-height:48px}.reference-replica .r-top strong{font-size:16px}}
/* Contact forms: plain note instead of a consent checkbox. */
.reference-replica #quiz .consent-note{margin:12px 0 0;font-size:12px;line-height:1.45;color:#6d657b}
.reference-replica .r-inline-consent-note{margin:14px 0;font-size:12px;line-height:1.5;opacity:.85}
/* Hero headline and subline: two deliberate lines each. */
.df-hero-two-lines>span{display:block}
@media(max-width:767px){
 /* Too narrow for the first half on one line: let the browser balance two lines instead. */
 .reference-replica h1.df-hero-two-lines{font-size:30px}
}
/* Only truly narrow phones can't fit the first half on one line: balance two lines there. */
@media(max-width:520px){
 .reference-replica h1.df-hero-two-lines{text-wrap:balance}
 .reference-replica h1.df-hero-two-lines>span{display:inline}
}
/* Videos added from the dashboard: YouTube and Vimeo players fill a 16:9 slot. */
.df-embed-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#100b1c;border-radius:8px 8px 0 0;overflow:hidden}
.df-embed-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.df-gallery-story .df-embed-wrap{aspect-ratio:4/5}
.df-gallery-story>video{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#100b1c}
/* "Watch their stories": landscape (16:9) client videos from Voomly */
#more-stories .df-gallery-play{aspect-ratio:16/9}
#more-stories .df-gallery-story .voomly-embed{width:100%}
#more-stories .df-gallery-details h3{margin:4px 0 14px}

/* Poster-card videos now sit inside "Doctor Farmer client stories", under the Voomly players: same look */
#review-space .df-gallery-stories{max-width:1100px;margin:0 auto 32px}
#review-space .df-published-stories{margin-bottom:24px}
#review-space .df-gallery-play{aspect-ratio:16/9}
#review-space .df-gallery-story{border-radius:10px}
#review-space .df-gallery-story .voomly-embed{width:100%}
#review-space .df-gallery-details{padding:22px}
#review-space .df-gallery-details p{font:16px/1.5 ReplicaInter,Arial,sans-serif}
#review-space .df-gallery-details .df-gallery-metric{font-size:24px;min-height:0;color:#f2c8f0;margin:0 0 12px}
.reference-replica #review-space .df-gallery-details h3{font:32px/1.1 Podium,sans-serif;text-transform:uppercase;color:#fff;margin:18px 0}
#review-space .df-gallery-details .r-button{font-size:25px;padding:16px 10px}
@media(max-width:767px){
  #review-space .df-gallery-stories{grid-template-columns:1fr;max-width:520px;gap:24px}
  #review-space .df-gallery-details{padding:20px}
}