/* Doctor Farmer — palette sampled from the supplied logo. */
.reference-replica{
 --df-purple:#352369;--df-pink:#da3f96;--df-plum:#a13789;
 --df-deep:#1b1238;--df-soft:#f6f3fc;--df-border:#ded6e9;
 --df-gradient:var(--df-purple);
 --df-action:var(--df-plum);
 --green:var(--df-purple);--ink:var(--df-deep);--muted:#6d657b;--line:var(--df-border);--paper:#fff;
 color:var(--df-deep)
}
.r-hero,.r-orange{background:var(--df-gradient)}
.r-top{background:var(--df-deep)}
.r-top strong{display:inline-flex;align-items:center;gap:9px}
.df-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border-radius:7px;width:40px;height:40px;overflow:hidden}
.df-logo img{display:block;width:48px;height:48px;max-width:none;object-fit:contain;flex-shrink:0}
.r-top .df-logo{width:30px;height:30px;border-radius:5px}
.r-top .df-logo img{width:38px;height:38px}
.r-pill{background:#fff;color:var(--df-deep)}
.r-pill b{background:#f7ddef;color:#633976}
.r-pill-end{border-color:#ccc2de}
.r-button,.reference-replica #quiz .primary{background:var(--df-action);box-shadow:0 4px 12px #32266120}
.r-button:hover,.reference-replica #quiz .primary:hover{background:#873073}
.r-button-dark{background:var(--df-action);box-shadow:0 5px 15px #20163333}
.r-button-dark:hover{background:#873073}
.r-peach{background:var(--df-soft)}
.r-dark{background:#180f30}
.r-main-video{background:var(--df-deep)}
.r-side-media{background:#f5effb;color:#73619a}
.r-steps i{position:relative;overflow:hidden;background:#4c4169;border-color:#bcaacf}
.r-steps i:last-child{background:#4c4169}
/* Fill each segment in order, hold the completed row, then reset together. */
.r-steps i::before{content:"";position:absolute;inset:0;background:var(--df-purple);transform:scaleX(0);transform-origin:left;animation:df-fill-1 3.6s linear infinite}
.r-steps i:nth-child(2)::before{background:#74479e;animation-name:df-fill-2}
.r-steps i:nth-child(3)::before{background:#96449b;animation-name:df-fill-3}
.r-steps i:nth-child(4)::before{background:#b84198;animation-name:df-fill-4}
.r-steps i:nth-child(5)::before{background:var(--df-pink);animation-name:df-fill-5}
@keyframes df-fill-1{0%,5%{transform:scaleX(0)}17%,90%{transform:scaleX(1)}91%,100%{transform:scaleX(0)}}
@keyframes df-fill-2{0%,19%{transform:scaleX(0)}31%,90%{transform:scaleX(1)}91%,100%{transform:scaleX(0)}}
@keyframes df-fill-3{0%,33%{transform:scaleX(0)}45%,90%{transform:scaleX(1)}91%,100%{transform:scaleX(0)}}
@keyframes df-fill-4{0%,47%{transform:scaleX(0)}59%,90%{transform:scaleX(1)}91%,100%{transform:scaleX(0)}}
@keyframes df-fill-5{0%,61%{transform:scaleX(0)}73%,90%{transform:scaleX(1)}91%,100%{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.r-steps i::before{animation:none;transform:scaleX(1)}}
.r-marquee>div{background:var(--df-action)}
.r-marquee>div:nth-child(2){background:var(--df-deep)}
.r-marquee>div:nth-child(3){background:var(--df-plum)}
.r-bonus-badge,.r-checkout-visual .r-media,.r-checkout-alert{background:var(--df-action)}
.r-orange .r-bonus-badge{background:var(--df-deep)}
.r-sticky{background:var(--df-gradient);color:#fff}
.r-footer{background:#eeeaf4}
.r-footer p{color:#443952}
.reference-replica #quiz{color:var(--df-deep)}
.reference-replica #quiz::backdrop{background:#18132bc9}
.reference-replica #quiz .modal-top{background:var(--df-deep);border-bottom-color:var(--df-pink)}
.reference-replica #quiz .modal-brand{display:flex;align-items:center;gap:10px}
.reference-replica #quiz .modal-top #language{border-color:#9b8ab6}
.reference-replica #quiz #popup-stages{background:#eeebf5}
.reference-replica #quiz #popup-stages li.current{background:#f3eafb;color:var(--df-purple)}
.reference-replica #quiz #popup-stages li.complete{color:var(--df-deep)}
.reference-replica #quiz #progress{background:var(--df-pink)}
.r-checkout-inner input:not([type=checkbox]){background:#fff}
.reference-replica #quiz #quiz-title{color:var(--df-deep)}
.reference-replica #quiz .eyebrow{color:var(--df-purple)}
.reference-replica #quiz .price{color:var(--df-purple);border-color:var(--df-border)}
.reference-replica #quiz .notice{background:var(--df-soft);border-left-color:var(--df-purple)}
.reference-replica #quiz .option:hover{border-color:var(--df-purple)}
.reference-replica #quiz .option.selected{background:var(--df-soft);border-color:var(--df-purple)}
.reference-replica #quiz .option.selected:before{background:var(--df-purple);border-color:var(--df-purple);box-shadow:inset 0 0 0 4px var(--df-soft)}
.reference-replica #quiz input[type=checkbox],.r-inline-consent input{accent-color:var(--df-purple)}
.result-check svg{stroke:var(--df-purple)}
.reference-replica :focus-visible{outline:3px solid #9f459f;outline-offset:3px;box-shadow:0 0 0 3px #fff}
@media(max-width:767px){.r-top strong{gap:5px}.r-top .df-logo{width:23px;height:23px}.r-top .df-logo img{width:29px;height:29px}}
@media(max-width:600px){.reference-replica #quiz .modal-brand{gap:7px;font-size:22px}.reference-replica #quiz .df-logo{width:30px;height:30px;border-radius:5px}.reference-replica #quiz .df-logo img{width:38px;height:38px}}
