/* Motion proof. Existing typography, wording, artwork and destinations are retained. */
:root { --dm-out:var(--hp-motion-out,cubic-bezier(.32,.72,0,1)); --dm-press:var(--hp-motion-press,cubic-bezier(.23,1,.32,1)); }

.dm-proof :is(.btn-primary,.btn-secondary,.btn-header-outline,.btn-header-primary,.carousel-arrow,#headerStartClaim) {
 transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 130ms var(--dm-press)!important;
 transform-origin:center;
}
.dm-proof :is(.btn-primary,.btn-secondary,.btn-header-outline,.btn-header-primary,.carousel-arrow,#headerStartClaim):active {transform:scale(.975)!important}
.dm-proof :is(.btn-primary,.btn-secondary,.btn-header-outline) svg {transition:transform 180ms var(--dm-out)}
.dm-proof .faq-answer {transition:grid-template-rows 240ms var(--dm-out)!important}
.dm-proof .faq-chevron {transition:transform 200ms var(--dm-out)!important}
.dm-proof .full-menu {transition:opacity 180ms var(--dm-out),visibility 180ms,transform 220ms var(--dm-out)!important;transform-origin:50% 0}
.dm-proof .hp-guide-chapter {transition:border-color 200ms ease,background-color 200ms ease}
.dm-proof .hp-guide-chapter.dm-current {border-color:#ccb5dd;background:#fdfbfe}
.dm-proof .hp-chapter-nav a {transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}

/* The benefit deck uses real content cards, not a pre-rendered film. */
.dm-benefit-shell {position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:64px;align-items:center;min-height:min(600px,calc(100svh - 150px));padding-block:24px}
[data-home-polish="benefits"].dm-benefits {background:#faf8f4;padding-block:40px;overflow:clip}
.dm-benefit-lead h2 {max-width:500px!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.13!important;letter-spacing:-.035em!important}
.dm-benefit-lead > p {margin-top:22px;margin-bottom:28px!important;font-size:16px!important;max-width:430px!important}
.dm-benefit-nav {display:flex;gap:8px;align-items:center;margin-top:30px}
.dm-benefit-nav button {position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d7cddf;background:transparent;color:#725e83;border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,transform 130ms var(--dm-press)}
.dm-benefit-nav button[aria-pressed="true"] {background:#38086f;color:white;border-color:#38086f}
.dm-benefit-nav button:active {transform:scale(.94)}
.dm-benefit-progress {height:2px;background:#e5dbe9;max-width:252px;margin-top:20px;overflow:hidden}
.dm-benefit-progress span {display:block;height:100%;width:100%;background:#38086f;transform:scaleX(.2);transform-origin:left}
.dm-benefit-deck {display:grid!important;grid-template-columns:1fr!important;position:relative;min-width:0;height:min(550px,calc(100svh - 220px));perspective:1100px;isolation:isolate}
[data-home-polish="benefits"] .dm-benefit-deck > .card-rest {display:flex!important;flex-direction:column;gap:0;grid-area:1/1;position:relative;align-self:stretch;padding:0!important;border:1px solid #d9c9e1!important;border-radius:28px!important;overflow:hidden;transform-origin:50% 90%;background:#fff!important;box-shadow:0 16px 40px -28px #38086f66!important;backface-visibility:hidden}
.dm-benefit-deck > .card-rest[aria-hidden="true"] {pointer-events:none}
[data-home-polish="benefits"] .dm-benefit-deck .dm-card-art {position:relative;display:grid;place-items:center;background:#e8d5f0;flex:1;min-height:210px;overflow:hidden;isolation:isolate}
[data-home-polish="benefits"] .dm-benefit-deck .dm-card-art img {width:270px;height:270px;max-height:100%;margin:0!important;object-fit:contain;z-index:2;grid-area:auto}
.dm-card-art::before,.dm-card-art::after {content:"";position:absolute;width:350px;height:350px;border:1px solid #38086f13;border-radius:50%;transform:translate(95px,-95px);z-index:0}
.dm-card-art::after {width:410px;height:410px}
.dm-benefit-character {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:270px;height:270px;max-height:100%;object-fit:contain;pointer-events:none;opacity:0;z-index:2}
.dm-character-playing .dm-benefit-character {opacity:1}
.dm-card-art[data-character] > img,.dm-mobile-art[data-character] > img,.dm-benefit-character {-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.dm-card-copy {padding:28px 32px 30px;background:white;min-height:198px;position:relative;z-index:2}
[data-home-polish="benefits"] .dm-card-copy h3 {font-size:25px!important;line-height:1.2!important;margin-bottom:14px!important;padding-right:28px}
[data-home-polish="benefits"] .dm-card-copy p {font-size:14px!important;line-height:1.6!important;max-width:55ch}
.dm-card-number {position:absolute;right:24px;top:24px;font-size:11px;letter-spacing:.08em;color:#634075;z-index:3;font-variant-numeric:tabular-nums}
.dm-card-copy h3 sup {font-size:12px;margin-left:3px;vertical-align:super}
.dm-benefits .mt-6.space-y-2 {margin-top:40px!important}

/* Mobile/tablet: direct swipe, with the artwork and qualification travelling together. */
.dm-mobile-nav {display:none}
@media(max-width:899px) {
 [data-home-polish="benefits"].dm-benefits {padding-block:32px}
 .dm-benefit-shell {display:block;min-height:0;padding:0}
 .dm-benefit-lead h2 {font-size:30px!important;max-width:640px!important}
 .dm-benefit-lead > p {font-size:15px!important;display:block!important;max-width:640px!important;margin-block:18px 24px!important}
 .dm-benefit-nav,.dm-benefit-progress,.dm-benefit-deck {display:none!important}
 [data-home-polish="benefits"].dm-benefits #benefitsCarousel {display:flex!important;scroll-snap-type:x mandatory;gap:16px;margin-top:28px!important;padding-top:0;padding-bottom:16px;align-items:stretch}
 [data-home-polish="benefits"].dm-benefits #benefitsCarousel > .card-rest {width:min(360px,calc(100vw - 64px))!important;scroll-snap-align:start;padding:0!important;overflow:hidden;background:#fff!important;border-color:#dfd1e5!important;border-radius:24px!important;transition:none}
 .dm-mobile-art {display:grid;place-items:center;background:#e8d5f0;min-height:210px;position:relative}
 .dm-mobile-art .dm-benefit-character {width:190px;height:190px}
 [data-home-polish="benefits"].dm-benefits #benefitsCarousel img {width:190px;height:190px;margin:0!important;object-fit:contain}
 .dm-mobile-copy {padding:24px;flex:1}
 [data-home-polish="benefits"].dm-benefits #benefitsCarousel h3 {font-size:23px!important;line-height:1.2!important;margin-bottom:12px}
 [data-home-polish="benefits"].dm-benefits #benefitsCarousel p {font-size:14px!important;line-height:1.6!important}
 .dm-mobile-nav {display:flex;align-items:center;justify-content:space-between;margin-top:4px;gap:16px}
 .dm-mobile-nav .dm-mobile-position {font-size:12px;font-variant-numeric:tabular-nums;color:#6e5b7b}
 .dm-mobile-buttons {display:flex;gap:10px}
 .dm-mobile-buttons button {width:48px;height:48px;border-radius:50%;border:1px solid #d5c6df;color:#38086f;background:transparent;font-size:22px;cursor:pointer;transition:background-color 160ms ease,transform 130ms var(--dm-press)}
 .dm-mobile-buttons button:disabled {opacity:.3;cursor:default}
 .dm-mobile-buttons button:active {transform:scale(.95)}
}
/* A short landscape viewport gets the direct card rail instead of a pinned scene. */
@media(min-width:900px) and (max-height:699px) {
 .dm-benefit-shell {display:block;min-height:0}
 .dm-benefit-deck {display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;height:auto;padding:16px 4px 30px;perspective:none}
 [data-home-polish="benefits"] .dm-benefit-deck > .card-rest {min-width:420px;scroll-snap-align:start;min-height:480px}
 .dm-benefit-nav,.dm-benefit-progress {display:none}
}
/* Reviewer controls are deliberately outside the site's content. */
.dm-review-bar {position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #e3dbe8;box-shadow:0 6px 28px #17042d14;border-radius:999px;padding:6px;font:500 12px TWKLausanne,Arial,sans-serif;max-width:calc(100vw - 24px)}
.dm-review-bar[hidden] {display:none}
.dm-review-bar > span {padding:0 12px;color:#846a96;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.dm-review-bar :is(a,button) {white-space:nowrap;border:0;border-radius:999px;padding:10px 14px;min-height:40px;background:transparent;color:#38086f;text-decoration:none;cursor:pointer;line-height:20px;font:inherit}
.dm-review-bar button {background:#f0e7f5;min-width:94px}
.dm-review-bar :is(a,button):focus-visible,.dm-proof button:focus-visible {outline:2px solid #38086f;outline-offset:3px}
@media(max-width:639px) {.dm-review-bar {bottom:10px}.dm-review-bar > span {display:none}.dm-review-bar :is(a,button) {padding:8px 12px}}
@media(max-width:380px) {.dm-review-bar{font-size:11px}.dm-review-bar :is(a,button){padding:8px 6px;min-width:44px}.dm-review-bar button{min-width:74px}}
@media(hover:hover) and (pointer:fine) {
 .dm-proof :is(.btn-primary,.btn-secondary,.btn-header-outline):hover svg {transform:translateX(3px)}
 .dm-proof :is(.btn-primary,.btn-secondary,.btn-header-outline):hover {box-shadow:0 5px 16px -8px #38086f80}
 .dm-review-bar a:hover {background:#f6f1f8}
 .dm-benefit-nav button:hover:not([aria-pressed="true"]) {background:#e8d5f0}
}
.dm-proof.dm-motion-off *, .dm-proof.dm-motion-off *::before,.dm-proof.dm-motion-off *::after {animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce) {
 .dm-proof *, .dm-proof *::before,.dm-proof *::after {animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}
}
.dm-proof .dm-phone-frame {position:relative;width:100%;max-width:280px;aspect-ratio:1;isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.dm-proof .dm-phone-frame img,.dm-proof .dm-phone-video {display:block;width:100%;height:100%;object-fit:contain;max-width:none;-webkit-mask-image:none;mask-image:none}
.dm-proof .dm-phone-video {position:absolute;inset:0;opacity:0;pointer-events:none}
.dm-proof .dm-phone-playing .dm-phone-video {opacity:1}
@media(max-width:1023px){
 .dm-proof .hp-contact-art {display:flex;align-items:center;justify-content:center;background:#e3cfee;margin:-28px -28px 0;padding:16px}
 .dm-proof .dm-phone-frame {max-width:184px}
}
@media(min-width:640px) and (max-width:1023px){.dm-proof .hp-contact-art{margin:-40px -40px 0}}
/* The same layered composition on mobile, with the headline before the pinned stage. */
.dm-mobile-card-number,.dm-mobile-progress{display:none}
@media(max-width:899px){
 .dm-mobile-stack .dm-mobile-stage{position:relative;margin-top:32px;isolation:isolate;padding:6px 4px 4px;max-width:520px;margin-inline:auto}
 .dm-mobile-stack [data-home-polish="benefits"].dm-benefits #benefitsCarousel{display:grid!important;grid-template-columns:minmax(0,1fr);gap:0!important;width:100%;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none;isolation:isolate}
 .dm-mobile-stack [data-home-polish="benefits"].dm-benefits #benefitsCarousel>.card-rest{grid-area:1/1;display:flex!important;flex-direction:column;width:100%!important;min-width:0!important;min-height:0;margin:0!important;align-self:stretch;border:1px solid #dfd1e5!important;transform-origin:50% 95%;box-shadow:0 12px 28px -24px #38086f55!important;backface-visibility:hidden}
 .dm-mobile-stack #benefitsCarousel>.card-rest[aria-hidden=true]{pointer-events:none}
 .dm-mobile-stack .dm-mobile-art{min-height:154px;height:154px;flex:none;overflow:hidden}
 .dm-mobile-stack [data-home-polish="benefits"].dm-benefits #benefitsCarousel img,.dm-mobile-stack .dm-mobile-art .dm-benefit-character{width:144px;height:144px}
 .dm-mobile-stack .dm-mobile-copy{padding:22px;min-height:0}
 .dm-mobile-stack [data-home-polish="benefits"].dm-benefits #benefitsCarousel h3{font-size:22px!important;line-height:1.2!important;margin-bottom:12px}
 .dm-mobile-stack [data-home-polish="benefits"].dm-benefits #benefitsCarousel p{font-size:14px!important;line-height:1.55!important}
 .dm-mobile-stack .dm-mobile-card-number{display:block;position:absolute;top:17px;right:18px;font:500 10px/1 TWKLausanne,Arial,sans-serif;letter-spacing:.08em;color:#634075}
 .dm-mobile-stack .dm-mobile-nav{position:relative;display:flex;margin-top:30px;min-height:48px;gap:12px}
 .dm-mobile-stack .dm-mobile-progress{display:block;height:2px;flex:1;order:1;background:#dfd1e5;overflow:hidden;margin-inline:4px 12px}
 .dm-mobile-stack .dm-mobile-progress>span{display:block;height:100%;width:100%;background:#38086f;transform-origin:left;transform:scaleX(.2)}
 .dm-mobile-stack .dm-mobile-position{order:0}
 .dm-mobile-stack .dm-mobile-buttons{order:2;flex:none}
 .dm-mobile-stack #benefitsCarousel:focus-visible{outline:2px solid #38086f;outline-offset:6px;border-radius:24px}
}
@media(max-width:359px){.dm-mobile-stack .dm-mobile-copy{padding:20px}.dm-mobile-stack .dm-mobile-art{min-height:136px;height:136px}.dm-mobile-stack [data-home-polish="benefits"].dm-benefits #benefitsCarousel img,.dm-mobile-stack .dm-mobile-art .dm-benefit-character{width:126px;height:126px}.dm-mobile-stack .dm-mobile-progress{margin-inline:0 4px}}
.dm-benefit-nav,.dm-card-number{display:none!important}
.dm-benefit-lead>p{display:none!important}
[data-home-polish="benefits"].dm-benefits{background:#fff!important}
section#important-information{border-top:0!important}
section#important-information{border-bottom:0!important}
/* Consistent approved primary-action colour throughout this homepage proof. */
body.dm-proof :is(.btn-primary,.btn-secondary,#headerStartClaim){background:#8de2c0!important;color:#17042d!important;border-color:#8de2c0!important}
@media(hover:hover) and (pointer:fine){body.dm-proof :is(.btn-primary,.btn-secondary,#headerStartClaim):hover{background:#a6ebd0!important;border-color:#a6ebd0!important;color:#17042d!important}}
/* Give the contact band's phone action a clear secondary treatment. */
body.dm-proof #motion-phone .btn-primary{background:transparent!important;color:#fff!important;border:1px solid #fff!important}
@media(hover:hover) and (pointer:fine){body.dm-proof #motion-phone .btn-primary:hover{background:#ffffff16!important;border-color:#fff!important;color:#fff!important}}
body.dm-proof #siteHeader a#headerStartClaim{background:#8de2c0!important;color:#17042d!important;border-color:#8de2c0!important}
@media(hover:hover) and (pointer:fine){body.dm-proof #siteHeader a#headerStartClaim:hover{background:#a6ebd0!important;border-color:#a6ebd0!important}}

/* Approved connected-scroll treatment, 15 September 2026. */
/* Homepage-only flow proof. Approved artwork, copy and card construction retained. */
body.dm-proof .cr-section{padding-bottom:28px!important}
body.dm-proof [data-home-polish="benefits"].dm-benefits{padding-top:24px!important;padding-bottom:20px!important;background:#fff}
body.dm-proof .dm-benefit-shell{min-height:0;padding-block:8px;gap:48px}
body.dm-proof .dm-benefits .mt-6.space-y-2{margin-top:20px!important}
body.dm-proof section.home-important{padding-top:24px!important}
body.dm-proof .home-important-layout{padding-top:24px}
@media(max-width:899px){
 body.dm-proof .cr-section{padding-bottom:16px!important}
 body.dm-proof [data-home-polish="benefits"].dm-benefits{padding-block:24px!important}
 body.dm-proof .dm-mobile-stage{margin-top:24px}
 body.dm-proof .dm-mobile-nav{margin-top:20px}
 body.dm-proof section.home-important{padding-top:20px!important}
}
@media(prefers-reduced-motion:reduce){body.dm-proof .dm-benefit-deck{height:auto}}