.distributor-page { --pd-rule: #d9e4f1; color: #1a2e4c; }
.distributor-page main { overflow: clip; }
.distributor-page section { scroll-margin-top: calc(var(--nav-height) + 16px); }
.pd-hero { position: relative; min-height: 620px; background: #fff; }
.pd-hero-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.08fr); align-items: center; min-height: 570px; gap: 10px; }
.pd-hero-copy { position: relative; z-index: 2; padding: 64px 0 56px; }
.pd-hero h1 { margin-top: 25px; font-family: var(--luqra-voice); font-size: clamp(3.1rem,5.2vw,5.5rem); font-weight: 500; line-height: 1.38; letter-spacing: .035em; text-shadow: 0 1px #f6f9ff,0 8px 17px rgb(69 98 153 / 10%); }
.pd-hero h1 span { color: #4b70b7; }
.pd-lead { margin-top: 22px; font-size: clamp(1.05rem,1.5vw,1.25rem); line-height: 1.8; color: #4d617e; }
.pd-facts { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 0; margin: 25px 0 0; list-style: none; }
.pd-facts li { padding: 2px 13px 2px 11px; border-left: 1px solid #a7bfdc; color: #415d83; font-size: .875rem; font-weight: 550; }
.pd-hero .hero-actions { margin-top: 26px; }
.pd-hero-image { width: 115%; margin-left: -10%; align-self: stretch; display: grid; align-items: center; }
.pd-hero-image img { width: 100%; height: auto; max-height: 560px; object-fit: contain; mask-image: radial-gradient(ellipse 75% 68% at 54% 48%,#000 60%,transparent 100%); }
.pd-hero-line { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0 22px; border-top: 1px solid var(--pd-rule); color: #7185a5; font-size: .75rem; letter-spacing: .12em; }
.pd-section { padding: clamp(80px,10vw,145px) 0; }
.pd-heading .eyebrow { margin-bottom: 20px; }
.pd-heading h2,.pd-application-head h2 { font-family: var(--luqra-voice); font-size: clamp(2.25rem,3.7vw,4rem); line-height: 1.52; font-weight: 500; letter-spacing: .045em; }
.pd-why { background: #f8fbff; }
.pd-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5vw; margin-top: 64px; }
.pd-benefits article { padding: 28px 0 0; border-top: 1px solid #a8bfdc; }
.pd-benefits article:nth-child(2) { margin-top: 45px; }
.pd-benefits article:nth-child(3) { margin-top: 90px; }
.pd-benefits article > span,.pd-steps li > span { font-size: .8125rem; letter-spacing: .11em; color: #5f7eae; }
.pd-benefits h3 { margin-top: 25px; font-family: var(--luqra-voice); font-size: clamp(1.55rem,2vw,2rem); font-weight: 500; }
.pd-benefits p { max-width: 20em; margin-top: 14px; color: #60718b; }
.pd-reward { background: #fff; }
.pd-reward-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(35px,7vw,120px); align-items: start; }
.pd-reward .pd-heading > p:last-child { max-width: 20em; margin-top: 32px; color: #60718b; }
.pd-reward-display { border-top: 1px solid #a8bfdc; padding-top: 22px; }
.pd-reward-label { color: #637da2; font-size: .875rem; }
.pd-reward-main { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin-top: 16px; font-size: clamp(1rem,1.5vw,1.3rem); font-weight: 600; color: #44618f; }
.pd-reward-main strong { white-space: nowrap; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: clamp(3.5rem,7vw,7rem); line-height: 1.2; font-weight: 300; letter-spacing: -.055em; color: #355ba0; }
.pd-reward-main strong span { font-family: var(--luqra-font); font-size: .38em; margin-left: .1em; }
.pd-equation { display: grid; gap: 8px; margin-top: 20px; padding: 20px 0 22px; border-top: 1px solid var(--pd-rule); border-bottom: 1px solid var(--pd-rule); font-variant-numeric: tabular-nums; }
.pd-equation span { color: #607794; font-size: clamp(.95rem,1.55vw,1.13rem); }
.pd-reward-arrow,.pd-equation .pd-reward-arrow { display: block; width: fit-content; margin: 5px 0; color: #8eabc9; font-size: 1rem; line-height: 1; }
.pd-equation strong { font-family: var(--luqra-voice); font-size: clamp(1.6rem,2.6vw,2.35rem); font-weight: 500; color: #314f7d; }
.pd-reward-time { margin-top: 26px; color: #637da2; font-size: .875rem; }
.pd-hours { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 26px; }
.pd-hours > div { display: flex; flex-direction: column; gap: 5px; padding: 13px 18px; border-left: 1px solid var(--pd-rule); }
.pd-hours > div:first-child { border-left: 0; padding-left: 0; }
.pd-hours span { font-size: .75rem; letter-spacing: .11em; color: #7690b2; }
.pd-hours strong { font-size: clamp(.92rem,1.45vw,1.15rem); font-weight: 600; white-space: nowrap; }
.pd-hours-focus strong { color: #375db0; }
.pd-note { margin-top: 28px; color: #5f6e83; font-size: .875rem; line-height: 1.75; }
.pd-work-path { position: relative; isolation: isolate; padding-bottom: 0; background: #f9fbff; }
.pd-work-path::before { content: ''; position: absolute; z-index: -1; top: 15%; right: -130px; width: min(42vw,540px); aspect-ratio: 1; border: 1px solid rgb(255 255 255 / 90%); border-radius: 50%; background: radial-gradient(circle at 33% 28%,rgb(255 255 255 / 90%),rgb(200 223 255 / 18%) 52%,rgb(132 143 223 / 8%) 75%,transparent 80%); box-shadow: inset -24px -30px 55px rgb(108 141 205 / 9%),0 32px 90px rgb(104 135 196 / 9%); pointer-events: none; animation: pd-float 11s ease-in-out infinite alternate; }
.pd-path-heading { max-width: 100%; }
.pd-path-heading h2 { margin-top: 20px; font-family: var(--luqra-voice); font-size: clamp(2.25rem,3.55vw,3.8rem); font-weight: 500; line-height: 1.5; letter-spacing: .035em; }
.pd-path-heading > p:last-child { margin-top: 18px; color: #60718b; }
.pd-path-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin-top: 48px; }
.pd-path-choice { position: relative; display: grid; align-content: space-between; min-height: 200px; padding: 25px 27px; overflow: hidden; border: 1px solid rgb(177 199 230 / 70%); border-radius: 13px; background: linear-gradient(130deg,rgb(255 255 255 / 91%),rgb(232 242 255 / 53%)); box-shadow: inset 0 1px #fff,0 17px 42px rgb(94 126 178 / 6%); backdrop-filter: blur(18px); color: #233d61; font: inherit; text-align: left; cursor: pointer; transition: transform .38s cubic-bezier(.2,.65,.2,1),box-shadow .38s ease,border-color .38s ease,opacity .38s ease; }
.pd-path-choice::before { content: ''; position: absolute; inset: 0; background: linear-gradient(115deg,transparent 20%,rgb(255 255 255 / 55%) 47%,transparent 68%); transform: translateX(-110%); transition: transform .75s ease; pointer-events: none; }
.pd-path-choice:hover::before,.pd-path-choice[aria-pressed="true"]::before { transform: translateX(110%); }
.pd-path-choice > span { position: relative; color: #6d85ab; font-size: .75rem; letter-spacing: .11em; }
.pd-path-choice strong { position: relative; align-self: end; font-family: var(--luqra-voice); font-size: clamp(1.45rem,2.15vw,2.05rem); font-weight: 500; line-height: 1.5; }
.pd-path-choice i { position: absolute; right: 24px; bottom: 25px; color: #6e8ec3; font-size: 1.2rem; font-style: normal; }
.pd-path-choice:hover { transform: translateY(-5px); box-shadow: inset 0 1px #fff,0 25px 55px rgb(94 126 178 / 13%); }
.pd-path-choice[aria-pressed="true"] { border-color: #8bafe3; background: linear-gradient(135deg,#fff,rgb(224 239 255 / 83%)); box-shadow: inset 0 1px #fff,0 18px 55px rgb(80 119 187 / 13%),0 0 35px rgb(118 134 225 / 9%); }
.pd-path-choice:focus-visible,.pd-timeline-point:focus-visible { outline: 2px solid #527ab4; outline-offset: 4px; }
.pd-spare-experience[hidden],.pd-other-experience[hidden] { display: none !important; }
.pd-spare-intro { margin-top: clamp(95px,11vw,160px); }
.pd-spare-intro h2 { margin-top: 25px; font-family: var(--luqra-voice); font-size: clamp(3.1rem,6.7vw,7.2rem); font-weight: 500; line-height: 1.34; letter-spacing: .05em; }
.pd-spare-intro h2 span { color: #446cba; }
.pd-spare-intro > p:last-child { margin-top: 24px; color: #5c708d; font-size: clamp(1rem,1.35vw,1.2rem); line-height: 1.85; }
.pd-glass-timeline { position: relative; margin-top: 70px; padding-bottom: 18px; }
.pd-timeline-rail { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.pd-timeline-rail::before,.pd-timeline-rail::after { content: ''; position: absolute; z-index: 0; top: 25px; left: 24px; right: 24px; height: 2px; pointer-events: none; }
.pd-timeline-rail::before { background: #d7e6f7; }
.pd-timeline-rail::after { background: linear-gradient(90deg,#b7e9ff,#6a9be9 52%,#a49aee); box-shadow: 0 0 14px rgb(84 132 223 / 40%); transform: scaleX(0); transform-origin: left center; transition: transform 1.7s cubic-bezier(.18,.7,.2,1); }
.pd-glass-timeline.is-in-view .pd-timeline-rail::after { transform: scaleX(1); }
.pd-timeline-point { position: relative; z-index: 1; isolation: isolate; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 185px; padding: 65px 18px 17px; border: 0; background: transparent; color: #2d476b; font: inherit; text-align: left; cursor: pointer; transition: opacity .3s ease,transform .3s ease; }
.pd-timeline-point::before { content: ''; position: absolute; z-index: -1; inset: 49px 0 0; border: 1.5px solid #9bc3e9; border-radius: 18px; background: linear-gradient(145deg,rgb(255 255 255 / 80%),rgb(217 239 255 / 58%)); box-shadow: inset 2px 2px 0 #fff,inset -2px -2px 0 rgb(45 135 226 / 17%),0 10px 26px rgb(41 104 173 / 10%); transition: border-color .3s ease,background .3s ease,box-shadow .3s ease; }
.pd-timeline-dot { position: absolute; top: 6px; left: 6px; display: grid; place-items: center; width: 38px; height: 38px; border: 1.5px solid #6ba8dc; border-radius: 50%; background: radial-gradient(circle at 35% 25%,#fff 10%,#dcf1ff 52%,#aabde7 100%); box-shadow: inset 0 1px #fff,0 3px 12px rgb(65 117 203 / 21%); color: #175c9f; font-size: 1rem; font-weight: 700; line-height: 1; transition: transform .3s ease,box-shadow .3s ease; }
.pd-timeline-point strong { font-family: var(--luqra-voice); font-size: clamp(1.3rem,2vw,1.8rem); font-weight: 500; line-height: 1.5; }
.pd-timeline-action { margin-top: auto; color: #1764a9; font-size: .75rem; font-weight: 700; letter-spacing: .06em; }
.pd-timeline-point:hover,.pd-timeline-point[aria-expanded="true"] { transform: translateY(-3px); }
.pd-timeline-point:hover .pd-timeline-dot,.pd-timeline-point[aria-expanded="true"] .pd-timeline-dot { transform: scale(1.18); box-shadow: inset 0 1px #fff,0 0 0 6px rgb(157 192 239 / 18%),0 5px 20px rgb(69 111 206 / 27%); }
.pd-timeline-point:is(:hover,[aria-expanded="true"])::before { border-color: #2b85d1; background: linear-gradient(145deg,rgb(255 255 255 / 94%),rgb(199 231 255 / 76%)); box-shadow: inset 2px 2px 0 #fff,inset -2px -2px 0 rgb(45 135 226 / 24%),0 14px 31px rgb(41 104 173 / 17%); }
.pd-glass-timeline.has-active-point .pd-timeline-point:not([aria-expanded="true"]):not(:hover) { opacity: .75; }
.pd-timeline-detail { display: grid; grid-template-rows: 0fr; max-width: 770px; margin-top: 0; padding: 0 21px; border: 1px solid transparent; border-radius: 18px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: grid-template-rows .45s ease,margin-top .45s ease,padding .45s ease,opacity .4s ease,transform .45s ease,visibility .45s; }
.pd-timeline-detail > div { min-height: 0; overflow: hidden; padding-left: 21px; border-left: 2px solid #8ab9ee; }
.pd-timeline-detail span { color: #738db4; font-size: .75rem; letter-spacing: .13em; }
.pd-timeline-detail h3 { margin-top: 7px; font-family: var(--luqra-voice); font-size: clamp(1.5rem,2.4vw,2.1rem); font-weight: 500; }
.pd-timeline-detail p { margin-top: 9px; color: #59708f; line-height: 1.85; }
.pd-timeline-detail.is-open { grid-template-rows: 1fr; margin-top: 12px; padding: 20px 21px; border-color: #9bc3e9; background: linear-gradient(145deg,rgb(255 255 255 / 89%),rgb(219 240 255 / 72%)); box-shadow: inset 2px 2px 0 #fff,inset -2px -2px 0 rgb(45 135 226 / 17%),0 12px 28px rgb(41 104 173 / 11%); opacity: 1; visibility: visible; transform: translateY(0); }
.pd-timeline-hint { margin-top: 19px; color: #8092a9; font-size: .75rem; }
.pd-other-experience { min-height: 300px; margin-top: 80px; padding-bottom: 100px; }
.pd-other-experience h2 { margin: 18px 0; font-family: var(--luqra-voice); font-size: clamp(2rem,4vw,3.5rem); font-weight: 500; }
.pd-other-experience > p:not(.eyebrow) { max-width: 37em; color: #5d718d; }
.pd-other-experience .text-link { display: inline-flex; margin-top: 25px; }
.pd-simulator { margin-top: 60px; background: radial-gradient(circle at 75% 5%,rgb(216 228 255 / 45%),transparent 38%),#f9fbff; }
.pd-simulator-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(35px,7vw,115px); align-items: start; }
.pd-simulator-intro { max-width: 22em; margin-top: 25px; color: #60718b; }
.pd-simulator-panel { padding: clamp(24px,4vw,48px); border: 1px solid rgb(181 206 236 / 78%); border-radius: 17px; background: linear-gradient(135deg,rgb(255 255 255 / 87%),rgb(237 246 255 / 70%)); box-shadow: 0 25px 80px rgb(78 112 180 / 12%),inset 0 1px #fff; backdrop-filter: blur(20px); }
.pd-simulator-control + .pd-simulator-control { margin-top: 39px; }
.pd-simulator-control-head,.pd-simulator-range { display: flex; justify-content: space-between; gap: 16px; }
.pd-simulator-control-head { align-items: baseline; color: #354b69; font-weight: 600; }
.pd-simulator-control-head output { color: #3b65a3; font-size: 1.35rem; white-space: nowrap; }
.pd-range-shell { position: relative; height: 30px; margin: 12px 0 4px; --progress-width: 0px; }
.pd-range-shell::before,.pd-range-shell::after { position: absolute; top: 50%; left: 14px; height: 8px; transform: translateY(-50%); border-radius: 99px; content: ''; pointer-events: none; }
.pd-range-shell::before { right: 14px; background: rgb(235 244 255 / 90%); box-shadow: inset 0 1px 4px rgb(75 116 184 / 18%),0 0 13px rgb(124 166 232 / 12%); }
.pd-range-shell::after { width: var(--progress-width); background: linear-gradient(90deg,#b1deff,#678de0); box-shadow: 0 0 12px rgb(104 141 224 / 34%); transition: width .08s linear; }
.pd-simulator-control input[type="range"] { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 30px; margin: 0; appearance: none; background: transparent; cursor: pointer; }
.pd-simulator-control input[type="range"]::-webkit-slider-runnable-track { height: 8px; background: transparent; }
.pd-simulator-control input[type="range"]::-moz-range-track { height: 8px; background: transparent; }
.pd-simulator-control input[type="range"]::-webkit-slider-thumb { width: 29px; height: 29px; margin-top: -10.5px; appearance: none; border: 2px solid #fff; border-radius: 50%; background: radial-gradient(circle at 33% 24%,#fff,#d5ebff 53%,#9eafe3 100%); box-shadow: 0 3px 13px rgb(75 112 195 / 33%),inset 0 1px #fff; transition: scale .2s ease,box-shadow .2s ease; }
.pd-simulator-control input[type="range"]::-moz-range-thumb { width: 25px; height: 25px; border: 2px solid #fff; border-radius: 50%; background: radial-gradient(circle at 33% 24%,#fff,#d5ebff 53%,#9eafe3 100%); box-shadow: 0 3px 13px rgb(75 112 195 / 33%),inset 0 1px #fff; transition: scale .2s ease,box-shadow .2s ease; }
.pd-simulator-control input[type="range"]:hover::-webkit-slider-thumb,.pd-simulator-control input[type="range"].is-adjusting::-webkit-slider-thumb,.pd-range-shell.is-preset-moving input[type="range"]::-webkit-slider-thumb { scale: 1.15; box-shadow: 0 0 0 7px rgb(145 175 232 / 18%),0 4px 18px rgb(75 112 195 / 42%); }
.pd-simulator-control input[type="range"]:hover::-moz-range-thumb,.pd-simulator-control input[type="range"].is-adjusting::-moz-range-thumb,.pd-range-shell.is-preset-moving input[type="range"]::-moz-range-thumb { scale: 1.15; box-shadow: 0 0 0 7px rgb(145 175 232 / 18%),0 4px 18px rgb(75 112 195 / 42%); }
.pd-simulator-control input[type="range"]:focus-visible { outline: 2px solid #527ab4; outline-offset: 8px; }
.pd-simulator-range { color: #7589a3; font-size: .75rem; }
.pd-simulator-result { display: grid; gap: 7px; margin-top: 41px; padding: 27px 0; border-top: 1px solid #b7cbe3; border-bottom: 1px solid #b7cbe3; color: #3e5d87; }
.pd-simulator-result > span { font-size: .875rem; letter-spacing: .09em; }
.pd-simulator-result strong { font-family: 'Helvetica Neue',Arial,sans-serif; font-size: clamp(2.5rem,4.8vw,4.9rem); font-weight: 300; line-height: 1.25; letter-spacing: -.045em; color: #315b9c; font-variant-numeric: tabular-nums; }
.pd-simulator-result small { color: #6f829d; }
.pd-simulator-panel .pd-note { margin-top: 19px; }
.pd-simulator-presets { display: grid; grid-template-columns: auto repeat(3,minmax(0,1fr)); align-items: stretch; gap: 11px; margin-top: 31px; }
.pd-simulator-presets > span { align-self: center; margin-right: 12px; color: #6a7f9d; font-size: .75rem; letter-spacing: .12em; }
.pd-simulator-presets button { display: grid; gap: 4px; padding: 16px 20px; border: 1px solid rgb(187 207 233 / 85%); border-radius: 14px; background: rgb(255 255 255 / 70%); box-shadow: inset 0 1px #fff,0 9px 25px rgb(99 127 178 / 6%); backdrop-filter: blur(14px); color: #647995; font: inherit; font-size: .8125rem; text-align: left; cursor: pointer; transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease,background-color .3s ease; }
.pd-simulator-presets button strong { color: #2f517d; font-size: 1rem; font-weight: 600; }
.pd-simulator-presets button small { color: #6c85a7; font-size: .75rem; }
.pd-simulator-presets button:hover { transform: translateY(-3px); }
.pd-simulator-presets button[aria-pressed="true"] { border-color: #86aae2; background: rgb(255 255 255 / 95%); box-shadow: inset 0 1px #fff,0 12px 28px rgb(93 129 199 / 13%),0 0 24px rgb(100 137 218 / 11%); }
.pd-simulator-presets button:focus-visible { outline: 2px solid #527ab4; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .pd-range-shell::after,.pd-simulator-control input[type="range"]::-webkit-slider-thumb,.pd-simulator-control input[type="range"]::-moz-range-thumb { transition: none !important; } }
@keyframes pd-float { from { transform: translate3d(0,0,0); } to { transform: translate3d(-13px,17px,0); } }
.pd-bonus { background: radial-gradient(ellipse at 78% 25%,#edf4ff 0,transparent 46%),#f8fbff; }
.pd-bonus-layout,.pd-style-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(35px,8vw,130px); }
.pd-bonus-copy { padding-top: 18px; font-size: 1.125rem; }
.pd-bonus-copy > p + p { margin-top: 24px; color: #5e708c; font-size: 1rem; }
.pd-bonus-example { display: grid; gap: 9px; margin-top: 39px; padding: 21px 24px; border-top: 1px solid #abc3e0; border-bottom: 1px solid #abc3e0; }
.pd-bonus-example span { color: #6982a4; font-size: .8125rem; }
.pd-bonus-example strong { color: #35588a; font-size: 1.375rem; }
.pd-bonus-example small { color: #71819b; font-size: .8125rem; }
.pd-mid-cta { margin-top: 35px; text-align: right; }
.pd-style { background: #fff; }
.pd-style-content { align-self: end; padding-bottom: 8px; font-size: 1.125rem; }
.pd-style-content > p { color: #5c6e89; line-height: 1.9; }
.pd-style-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin-top: 30px; }
.pd-style-card { align-self: start; border: 1px solid var(--pd-rule); border-radius: 4px; background: rgb(255 255 255 / 84%); transition: border-color .3s ease,box-shadow .3s ease; }
.pd-style-card.is-open { border-color: #afc5e1; box-shadow: 0 14px 28px rgb(76 113 166 / 9%); }
.pd-style-card h3 { margin: 0; }
.pd-style-toggle { display: flex; width: 100%; min-height: 66px; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px; border: 0; background: transparent; color: #365b90; font: 500 1.13rem/1.5 var(--luqra-voice); text-align: left; cursor: pointer; }
.pd-style-toggle:focus-visible { outline: 2px solid #527ab4; outline-offset: -5px; border-radius: inherit; }
.pd-style-icon { display: grid; flex: none; width: 28px; height: 28px; place-items: center; border: 1px solid #cad9ea; border-radius: 50%; color: #5c7bab; font: 400 1.25rem/1 var(--luqra-font); transition: transform .35s ease,background-color .35s ease; }
.pd-style-card.is-open .pd-style-icon { transform: rotate(45deg); background: #edf4fd; }
.pd-style-detail { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: grid-template-rows .45s cubic-bezier(.2,.65,.2,1),opacity .38s ease,transform .45s ease,visibility .45s; }
.pd-style-detail > div { min-height: 0; overflow: hidden; }
.pd-style-detail p { padding: 0 18px 18px; color: #60728d; font-size: .875rem; line-height: 1.8; }
.pd-style-card.is-open .pd-style-detail { grid-template-rows: 1fr; opacity: 1; visibility: visible; transform: translateY(0); }
.distributor-page.has-reveal .pd-reveal-item { opacity: 0; transform: translate3d(0,23px,0); filter: blur(3px); transition: opacity .9s cubic-bezier(.2,.65,.2,1),transform .9s cubic-bezier(.2,.65,.2,1),filter .9s ease; transition-delay: var(--reveal-delay,0ms); }
.distributor-page.has-reveal .pd-reveal-item.is-visible { opacity: 1; transform: translate3d(0,0,0); filter: blur(0); }
.distributor-page.has-reveal .pd-path-choice.pd-reveal-item.is-visible:hover { transform: translateY(-5px); }
.distributor-page.has-reveal .pd-timeline-point.pd-reveal-item.is-visible:hover,.distributor-page.has-reveal .pd-timeline-point.pd-reveal-item.is-visible[aria-expanded="true"] { transform: translateY(-3px); }
.pd-steps { background: #f8fbff; }
.pd-steps ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; list-style: none; padding: 0; margin: 57px 0 0; }
.pd-steps li { padding-top: 18px; border-top: 1px solid #9eb9d9; }
.pd-steps h3 { font-family: var(--luqra-voice); font-size: 1.65rem; font-weight: 500; margin-top: 14px; }
.pd-steps li p { color: #62748d; margin-top: 8px; }
.pd-faq { background: #fff; }
.pd-faq-layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(35px,7vw,115px); }
.pd-faq-list { min-width: 0; padding: clamp(20px,3vw,38px); border-top: 1px solid #afc4dd; }
.pd-faq-list details { border-bottom: 1px solid var(--pd-rule); }
.pd-faq-list summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-width: 0; padding: 22px 0; color: #314b70; font-weight: 600; cursor: pointer; list-style: none; }
.pd-faq-list summary::-webkit-details-marker { display: none; }
.pd-faq-list summary::after { content: '+'; flex: none; color: #5b7eaf; font-size: 1.35rem; font-weight: 400; }
.pd-faq-list details[open] summary::after { content: '−'; }
.pd-faq-list summary:focus-visible { outline: 2px solid #527ab4; outline-offset: 3px; }
.pd-faq-list p { max-width: 42em; padding: 0 0 24px; color: #60718b; line-height: 1.8; }
.pd-application { background: radial-gradient(ellipse at 15% 0%,#ecf5ff,transparent 38%),#f5f9fe; }
.pd-application-head { text-align: center; }
.pd-application-head .eyebrow { justify-content: center; margin-bottom: 20px; }
.pd-application-head > p:last-child { margin-top: 19px; color: #5d6f8d; }
.pd-form-panel { max-width: 820px; margin: 48px auto 0; padding: clamp(26px,5vw,62px); border: 1px solid #d7e4f1; border-radius: 14px; background: rgb(255 255 255 / 86%); box-shadow: 0 25px 80px rgb(84 121 174 / 10%),inset 0 1px #fff; }
.pd-progress { display: flex; gap: 18px; padding-bottom: 28px; border-bottom: 1px solid var(--pd-rule); color: #8799ae; font-size: .875rem; font-weight: 600; }
.pd-progress span { flex: 1; padding-bottom: 10px; border-bottom: 2px solid transparent; }
.pd-progress .is-current { color: #315ba2; border-color: #5984ca; }
.pd-form-step { border: 0; padding: 0; margin: 0; min-width: 0; }
.pd-form-step > legend { float: left; width: 100%; padding: 0; margin-top: 29px; font-family: var(--luqra-voice); font-size: 1.7rem; }
.pd-field-hint { clear: both; padding-top: 5px; margin-bottom: 25px; color: #6c7e99; font-size: .875rem; }
.pd-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 22px; }
.pd-field-wide { grid-column: 1 / -1; }
.pd-field label,.pd-choice legend { display: block; margin-bottom: 9px; color: #354b69; font-size: .9375rem; font-weight: 600; }
.pd-field label span { padding-left: 6px; color: #395eb2; font-size: .8rem; }
.pd-field label em,.pd-choice legend em { padding-left: 5px; color: #7b8da5; font-style: normal; font-size: .8125rem; font-weight: 400; }
.pd-field input,.pd-field select,.pd-field textarea { display: block; width: 100%; min-height: 54px; padding: 12px 15px; border: 1px solid #bfd0e3; border-radius: 7px; background: #fff; color: #192d4b; font: inherit; line-height: 1.5; }
.pd-field textarea { resize: vertical; }
.pd-input-note { display: block; margin: -2px 0 10px; color: #6c7e99; font-size: .8125rem; line-height: 1.7; }
.pd-field input:focus,.pd-field select:focus,.pd-field textarea:focus { outline: 2px solid #617fd1; outline-offset: 2px; }
.pd-field [aria-invalid="true"] { border-color: #ae3352; }
.field-error { display: block; min-height: 0; color: #9c294b; font-size: .8125rem; line-height: 1.5; margin-top: 4px; }
.field-error:empty { display: none; }
.pd-contact-note { display: block; margin-top: 6px; color: #6c7e99; font-size: .75rem; line-height: 1.55; }
.pd-choice { border: 0; padding: 0; margin: 0; min-width: 0; }
.pd-choice legend { padding: 0; }
.pd-options { display: flex; flex-wrap: wrap; gap: 9px; }
.pd-options label { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; min-height: 46px; border: 1px solid #c6d5e6; border-radius: 6px; background: #fff; font-size: .875rem; cursor: pointer; }
.pd-options label:has(input:checked) { border-color: #6793cf; background: #edf5ff; color: #2d5790; }
.pd-options input { width: 17px; height: 17px; accent-color: #4b6fbc; }
.pd-reveal { display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(-5px); transition: grid-template-rows .32s ease,opacity .25s ease,transform .32s ease; }
.pd-reveal > div { overflow: hidden; }
.pd-reveal.is-visible { grid-template-rows: 1fr; opacity: 1; transform: translateY(0); }
.pd-reveal-field { padding-top: 14px; }
.pd-form-actions { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 34px; }
.pd-form-actions .button { cursor: pointer; }
.pd-back { min-height: 48px; border: 0; background: transparent; color: #4e668b; }
.pd-delivery-note { margin-top: 18px; color: #64758e; font-size: .8125rem; line-height: 1.7; }
.pd-legal-consent { display: grid; gap: 12px; margin-top: 30px; padding: 19px 20px; border: 1px solid #d6e3f1; border-radius: 10px; background: rgb(247 250 255 / 82%); }
.pd-legal-consent label { display: flex; align-items: flex-start; gap: 11px; color: #435975; font-size: .9rem; line-height: 1.75; cursor: pointer; }
.pd-legal-consent input { flex: none; width: 19px; height: 19px; margin: 2px 0 0; accent-color: #246fbe; }
.pd-legal-consent a { color: #1769c2; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.pd-legal-consent a:hover { color: #104d94; text-decoration-thickness: 2px; }
.pd-legal-consent input:focus-visible { outline: 2px solid #527ab4; outline-offset: 3px; }
.pd-legal-consent small { color: #71839a; font-size: .78rem; line-height: 1.65; }
.pd-form-error { padding: 12px 15px; margin-top: 20px; border-left: 3px solid #af3657; background: #fff5f7; color: #8e2e48; }
.pd-submit-dialog { position: fixed; top: 50vh; top: 50dvh; left: 50%; right: auto; bottom: auto; transform: translate(-50%,-50%); width: min(560px,calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); margin: 0; padding: 0; overflow-y: auto; overscroll-behavior: contain; border: 0; border-radius: 18px; background: transparent; color: #1a2e4c; box-shadow: 0 32px 90px rgb(23 44 77 / 28%); }
.pd-submit-dialog::backdrop { background: rgb(18 35 59 / 52%); backdrop-filter: blur(5px); }
.pd-submit-dialog-card { position: relative; padding: clamp(30px,6vw,50px); border: 1px solid #d7e4f1; border-radius: 18px; background: #fff; }
.pd-submit-dialog-card .eyebrow { margin-bottom: 15px; color: #5f7eae; }
.pd-submit-dialog-card h3 { max-width: 11em; font-family: var(--luqra-voice); font-size: clamp(1.8rem,5vw,2.45rem); font-weight: 500; line-height: 1.45; }
.pd-submit-dialog-card > p:not(.eyebrow) { margin-top: 18px; color: #60718b; line-height: 1.85; }
.pd-dialog-close { position: absolute; top: 15px; right: 17px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: #f0f5fb; color: #3f587c; cursor: pointer; font-size: 1.7rem; line-height: 1; }
.pd-dialog-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 30px; }
.pd-dialog-actions .button { cursor: pointer; }
.pd-dialog-actions .button:disabled { cursor: wait; opacity: .65; }
.pd-dialog-cancel { min-height: 48px; border: 0; background: transparent; color: #4e668b; cursor: pointer; }
/* Keep the final decision legible over the shared water/crystal background. */
body.distributor-page.glass-water .pd-submit-dialog .pd-submit-dialog-card {
  background: rgb(248 251 255 / 84%) !important;
  border-color: rgb(255 255 255 / 88%) !important;
  color: #172c52;
  box-shadow: 0 28px 80px rgb(13 34 69 / 24%), inset 0 1px rgb(255 255 255 / 90%);
  backdrop-filter: blur(14px) saturate(110%);
  -webkit-backdrop-filter: blur(14px) saturate(110%);
}
body.glass-water .pd-submit-dialog::backdrop { background: rgb(13 29 56 / 64%); }
body.glass-water .pd-submit-dialog-card h3 { color: #172c52; }
body.glass-water .pd-submit-dialog-card .eyebrow { color: #355580; }
body.glass-water .pd-submit-dialog-card > p:not(.eyebrow) { color: #284063; }
body.glass-water .pd-submit-dialog-card .pd-dialog-cancel { color: #203b65; }
.pd-mail-handoff { padding-top: 28px; }
.pd-mail-handoff h3 { font-family: var(--luqra-voice); font-size: 1.65rem; font-weight: 500; }
.pd-mail-handoff p { margin: 13px 0; color: #5f718a; }
.pd-mobile-cta { display: none; }
@media (max-width: 900px) {
  .pd-hero-layout { grid-template-columns: 1fr .85fr; }
  .pd-hero-image { width: 125%; margin-left: -17%; }
  .pd-path-choice { min-height: 180px; padding: 20px; }
  .pd-path-choice i { right: 17px; bottom: 18px; }
  .pd-reward-layout { grid-template-columns: 1fr; gap: 40px; }
  .pd-simulator-layout,.pd-faq-layout { grid-template-columns: 1fr; gap: 36px; }
  .pd-simulator-presets { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pd-simulator-presets > span { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .distributor-page { padding-bottom: 67px; }
  .pd-hero { min-height: 0; }
  .pd-hero-layout { position: relative; display: block; min-height: 0; }
  .pd-hero-copy { padding: 38px 0 18px; }
  .pd-hero .eyebrow { font-size: .6875rem; }
  .pd-hero h1 { font-size: clamp(2.7rem,11vw,4rem); margin-top: 14px; line-height: 1.27; }
  .pd-lead { margin-top: 13px; font-size: 1rem; }
  .pd-facts { gap: 6px; margin-top: 16px; }
  .pd-facts li { font-size: .75rem; padding: 5px 9px; }
  .pd-hero .hero-actions { margin-top: 19px; gap: 8px 17px; }
  .pd-hero .button { min-height: 48px; padding: 11px 16px; font-size: .875rem; }
  .pd-hero .text-link { font-size: .875rem; }
  .pd-hero-image { width: 118%; margin: -34px 0 -18px -9%; max-height: 270px; overflow: hidden; }
  .pd-hero-image img { height: 300px; width: 100%; object-fit: contain; }
  .pd-hero-line { font-size: .625rem; padding-block: 10px 15px; }
  .pd-section { padding: 75px 0; }
  .pd-heading h2,.pd-application-head h2 { font-size: clamp(2.05rem,8vw,2.7rem); }
  .pd-work-path { padding-bottom: 0; }
  .pd-work-path::before { top: 18%; right: -100px; width: 270px; opacity: .55; }
  .pd-path-heading h2 { font-size: clamp(2rem,8vw,2.8rem); }
  .pd-path-choices { grid-template-columns: 1fr; gap: 10px; margin-top: 29px; }
  .pd-path-choice { min-height: 115px; padding: 17px 22px; }
  .pd-path-choice strong { font-size: 1.4rem; }
  .pd-spare-intro { margin-top: 90px; }
  .pd-spare-intro h2 { font-size: clamp(2.8rem,11vw,4rem); }
  .pd-glass-timeline { margin-top: 52px; }
  .pd-timeline-rail { grid-template-columns: 1fr; gap: 12px; }
  .pd-timeline-rail::before,.pd-timeline-rail::after { top: 20px; bottom: 20px; left: 20px; right: auto; width: 2px; height: auto; }
  .pd-timeline-rail::after { transform: scaleY(0); transform-origin: center top; }
  .pd-glass-timeline.is-in-view .pd-timeline-rail::after { transform: scaleY(1); }
  .pd-timeline-point { min-height: 100px; padding: 15px 17px 15px 66px; justify-content: center; gap: 3px; }
  .pd-timeline-point::before { inset: 0; }
  .pd-timeline-dot { top: 50%; left: 2px; width: 38px; height: 38px; transform: translateY(-50%); }
  .pd-timeline-point:hover .pd-timeline-dot,.pd-timeline-point[aria-expanded="true"] .pd-timeline-dot { transform: translateY(-50%) scale(1.12); }
  .pd-timeline-point strong { font-size: clamp(1.1rem,4.1vw,1.4rem); }
  .pd-timeline-action { margin-top: 3px; }
  .pd-timeline-rail .pd-timeline-detail.is-open { margin: -2px 0 4px 42px; }
  .pd-timeline-detail h3 { font-size: 1.45rem; }
  .pd-other-experience { margin-top: 50px; padding-bottom: 80px; }
  .pd-benefits { display: block; margin-top: 35px; }
  .pd-benefits article,.pd-benefits article:nth-child(2),.pd-benefits article:nth-child(3) { margin: 0; padding: 20px 0 25px; }
  .pd-benefits h3 { margin-top: 10px; }
  .pd-benefits p { margin-top: 7px; }
  .pd-reward .pd-heading > p:last-child { margin-top: 17px; }
  .pd-reward-main { display: block; }
  .pd-reward-main strong { display: block; font-size: clamp(3.7rem,15vw,6rem); }
  .pd-hours { display: block; margin-top: 17px; }
  .pd-hours > div,.pd-hours > div:first-child { flex-direction: row; justify-content: space-between; padding: 12px 0; border-left: 0; border-bottom: 1px solid var(--pd-rule); }
  .pd-simulator-layout,.pd-faq-layout { gap: 25px; }
  .pd-faq-list { padding: 19px 20px; }
  .pd-simulator-intro { margin-top: 16px; }
  .pd-simulator { margin-top: 36px; }
  .pd-simulator-panel { padding: 27px 22px; }
  .pd-simulator-result strong { font-size: clamp(2.65rem,11vw,3.7rem); }
  .pd-simulator-presets { grid-template-columns: 1fr; }
  .pd-simulator-presets > span { grid-column: 1 / -1; }
  .pd-simulator-presets button { min-width: 0; }
  .pd-bonus-layout,.pd-style-layout { grid-template-columns: 1fr; gap: 25px; }
  .pd-style-content { padding: 0; font-size: 1rem; }
  .pd-style-choices { grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
  .pd-style-toggle { min-height: 60px; padding: 14px 16px; }
  .pd-style-detail p { padding: 0 16px 16px; }
  .pd-bonus-copy { padding: 0; font-size: 1rem; }
  .pd-bonus-example { margin-top: 27px; padding-inline: 18px; }
  .pd-steps ol { display: block; margin-top: 30px; }
  .pd-steps li { padding: 16px 0 22px; }
  .pd-application-head { text-align: left; }
  .pd-application-head .eyebrow { justify-content: flex-start; }
  .pd-form-panel { margin-top: 32px; padding: 26px 18px; }
  .pd-fields { grid-template-columns: 1fr; gap: 22px; }
  .pd-field-wide { grid-column: auto; }
  .pd-form-actions { align-items: stretch; flex-wrap: wrap; }
  .pd-form-actions .button { width: 100%; }
  .pd-dialog-actions { align-items: stretch; flex-direction: column-reverse; }
  .pd-dialog-actions .button,.pd-dialog-cancel { width: 100%; }
  .pd-back { order: 2; }
  .pd-progress { font-size: .75rem; }
  .pd-options label { font-size: .8125rem; }
  .pd-mobile-cta { display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 40; bottom: 0; left: 0; right: 0; min-height: 62px; padding: 10px 24px max(10px,env(safe-area-inset-bottom)); background: #1a345c; color: #fff; font-weight: 600; box-shadow: 0 -7px 25px rgb(23 44 77 / 18%); }
}
@media (prefers-reduced-motion: reduce) { .distributor-page * { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } .distributor-page.has-reveal .pd-reveal-item { opacity: 1; transform: none; filter: none; } .pd-timeline-rail::after { transform: scaleX(1); } }