/* Public homepage presentation only; authentication keeps its existing styles. */
.landing-page { background: #FCFCFF; color: #202231; }
.landing-page .dx-page { background: none; }
.dx-container { width: min(1240px,calc(100% - 64px)); margin-inline: auto; }
.dx-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.dx-icon { display: inline-block; flex-shrink: 0; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.dx-skip { position: fixed; top: -80px; right: 20px; z-index: 1700; padding: 12px 20px; border-radius: 10px; background: #6236D9; color: #fff; }
.dx-skip:focus { top: 10px; }
.dx-page :is(a,button):focus-visible { outline: 3px solid #20C997; outline-offset: 5px; }
.dx-page :is(section,article)[id] { scroll-margin-top: 110px; }
.dx-header { position: sticky; z-index: 1500; top: 0; border-bottom: 1px solid #e8e6f080; background: #fcfcfff0; backdrop-filter: blur(18px); transition: box-shadow .25s; }
.dx-header.is-scrolled { box-shadow: 0 5px 25px #30244c0b; }
.dx-header-inner { width: min(1340px,calc(100% - 56px)); min-height: 88px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.dx-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #15182B; flex-shrink: 0; }
.dx-brand img { display: block; width: 53px; height: 53px; padding: 5px; object-fit: contain; background: #fff; border: 1px solid #ece8f5; border-radius: 16px; }
.dx-brand > span { display: grid; gap: 3px; }
.dx-brand strong { font-size: 23px; line-height: 1.3; letter-spacing: -.8px; font-weight: 800; }
.dx-brand strong b { color: #6236D9; }
.dx-brand small { color: #667085; font-size: 9px; }
.dx-nav { display: flex; align-items: center; gap: 28px; }
.dx-nav a { position: relative; padding-block: 10px; color: #626575; font-size: 12px; text-decoration: none; white-space: nowrap; transition: color .2s; }
.dx-nav a::after { content: ''; position: absolute; bottom: 2px; right: 0; left: 100%; height: 2px; border-radius: 4px; background: #6236D9; transition: left .2s; }
.dx-nav a:hover { color: #6236D9; }.dx-nav a:hover::after { left: 0; }
.dx-header-auth { display: flex; gap: 10px; align-items: center; }
.dx-button { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: auto; margin: 0; padding: 10px 20px; border: 1px solid transparent; border-radius: 11px; font: inherit; font-size: 12px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .2s,background .2s,box-shadow .2s; }
.dx-button .dx-icon { width: 18px; height: 18px; }
.dx-button:hover { transform: translateY(-2px); }
.dx-button-primary { background: #6236D9; color: #fff; box-shadow: 0 5px 15px #6236d91c; }
.dx-button-primary:hover { background: #512bbd; box-shadow: 0 8px 22px #6236d935; }
.dx-button-quiet { padding-inline: 14px; background: transparent; color: #42238F; }
.dx-button-outline { border-color: #ddd4f3; background: #fff; color: #42238F; }
.dx-button-outline:hover { border-color: #6236D9; background: #F5F1FF; }
.dx-button-large { min-height: 51px; padding-inline: 24px; font-size: 13px; border-radius: 12px; }
.dx-button-mint { background: #20C997; color: #102f29; box-shadow: 0 8px 28px #0b1a2822; }.dx-button-mint:hover { background: #46deb3; }
.dx-hero { position: relative; display: grid; grid-template-columns: 1.03fr 1fr; align-items: center; gap: 60px; min-height: 630px; padding-block: 76px 70px; isolation: isolate; }
.dx-hero-atmosphere { position: absolute; inset: -90px -120px -30px; z-index: -1; overflow: hidden; pointer-events: none; }
.dx-hero-atmosphere > span { position: absolute; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle,#e9e0ffb0,transparent 68%); animation: dxAtmosphere 19s ease-in-out infinite alternate; }
.dx-hero-atmosphere > span:first-child { top: -220px; left: -90px; }.dx-hero-atmosphere > span:nth-child(2) { bottom: -290px; right: -150px; background: radial-gradient(circle,#d9f7ed85,transparent 65%); animation-delay: -7s; }.dx-hero-atmosphere > span:nth-child(3) { width: 480px; height: 480px; bottom: -190px; left: 25%; background: radial-gradient(circle,#f3edff80,transparent 67%); animation-delay: -11s; }
.dx-hero-copy { position: relative; padding-block: 6px; animation: dxFadeUp .65s ease both; }
.dx-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 21px; padding: 6px 12px; border: 1px solid #d8eee5; border-radius: 30px; background: #f2fbf7; color: #23775b; font-size: 10px; font-weight: 700; }
.dx-eyebrow i,.dx-map-label i { width: 6px; height: 6px; border-radius: 50%; background: #20C997; box-shadow: 0 0 0 4px #20c99712; }
.dx-hero-intro { margin: 0 0 8px; color: #34334b; font-size: clamp(18px,1.85vw,25px); font-weight: 500; }
.dx-hero h1 { position: relative; display: inline-block; margin: 0; color: #15182B; font-size: clamp(34px,3.6vw,51px); line-height: 1.6; font-weight: 900; letter-spacing: -1.6px; }
.dx-hero h1 em { color: #6236D9; font-style: normal; }
.dx-hero h1 > svg { position: absolute; width: 63%; height: 12px; right: 0; bottom: -3px; fill: none; stroke: #20c99788; stroke-width: 4; stroke-linecap: round; }
.dx-hero-description { max-width: 470px; margin: 24px 0; color: #727689; font-size: 13px; line-height: 2.15; }
.dx-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.dx-hero-reassurance { display: flex; align-items: center; gap: 7px; margin-top: 19px; color: #828696; font-size: 9px; line-height: 1.9; }
.dx-hero-reassurance .dx-icon { width: 15px; height: 15px; color: #209c78; }
.dx-scroll-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; color: #7e7e92; font-size: 10px; text-decoration: none; }
.dx-scroll-link span { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #dcd6ea; border-radius: 50%; color: #6236D9; }
.dx-hero-visual { position: relative; min-width: 0; margin-left: 12px; animation: dxFadeUp .8s .1s ease both; }
.dx-photo-orbit { position: absolute; inset: -24px -22px -22px; z-index: -1; border: 1px solid #ddd2f3; border-radius: 48% 42% 40% 35%; transform: rotate(-7deg); }
.dx-photo-orbit::after { content: ''; position: absolute; top: 1px; left: 23%; width: 10px; height: 10px; border: 3px solid #fcfcff; border-radius: 50%; background: #9d7ed9; box-shadow: 0 0 0 1px #d9cbee; }
.dx-hero-photo { position: relative; aspect-ratio: 1.15; margin: 0; overflow: hidden; border-radius: 48px 22px 48px 22px; background: #ece8f3; box-shadow: 0 22px 60px #46336116; }
.dx-hero-photo > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.dx-hero-photo::after { content: ''; position: absolute; inset: 65% 0 0; background: linear-gradient(transparent,#142431a6); }
.dx-hero-photo figcaption { position: absolute; z-index: 1; inset-inline: 18px; bottom: 18px; display: flex; gap: 8px; align-items: center; justify-content: center; color: #fff; font-size: 9px; }
.dx-photo-dot { width: 6px; height: 6px; border-radius: 50%; background: #5ae0b7; }
.dx-floating { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 13px 15px; border: 1px solid #fff; border-radius: 15px; background: #fffffff0; box-shadow: 0 12px 35px #37205514; backdrop-filter: blur(10px); animation: dxFloat 6s ease-in-out infinite; }
.dx-floating strong { display: block; color: #313044; font-size: 10px; }.dx-floating small { display: block; margin-top: 2px; color: #858396; font-size: 8px; }.dx-floating small i { margin-inline: 5px; color: #a8a0ba; font-style: normal; }
.dx-soft-icon { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; border-radius: 12px; background: #e9fbf3; color: #1e9e76; }
.dx-soft-icon .dx-icon { width: 21px; height: 21px; }
.dx-floating-privacy { left: -32px; top: 27px; }.dx-floating-privacy > i { display: grid; place-items: center; width: 19px; height: 19px; margin-right: 4px; border-radius: 50%; background: #edfbf5; color: #20a57f; font-size: 11px; font-style: normal; }
.dx-floating-journey { right: -29px; bottom: -19px; padding: 15px 17px; animation-delay: -3s; }.dx-floating-journey .dx-soft-icon { background: #f0eaff; color: #6236D9; }
.dx-floating-pill { width: 58px; height: 58px; right: -23px; top: -22px; padding: 0; justify-content: center; transform: rotate(16deg); color: #6236D9; animation-delay: -1.7s; }.dx-floating-pill .dx-icon { width: 30px; height: 30px; }
.dx-visual-spark { position: absolute; z-index: -1; color: #b29bd9; font-size: 23px; font-weight: 400; animation: dxFloat 8s ease-in-out infinite; }.dx-spark-one { top: -40px; left: 80px; }.dx-spark-two { bottom: -48px; left: 35px; color: #4cc8a2; }
.dx-values { display: grid; grid-template-columns: repeat(4,1fr); padding: 23px 0; border-top: 1px solid #e8e5ef; border-bottom: 1px solid #e8e5ef; }
.dx-values > div { display: flex; align-items: center; justify-content: center; gap: 10px; padding-inline: 12px; color: #77778b; font-size: 11px; border-left: 1px solid #e8e5ef; }.dx-values > div:last-child { border: 0; }.dx-values .dx-icon { width: 22px; height: 22px; color: #8e72bf; }
.dx-section { padding-block: 80px; }
.dx-kicker { display: inline-block; margin-bottom: 9px; color: #8a68bb; font-size: 11px; font-weight: 700; }
.dx-section-head { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 30px; }
.dx-section-head h2,.dx-network h2,.dx-join h2 { color: #202231; font-size: clamp(25px,2.7vw,36px); line-height: 1.65; font-weight: 800; letter-spacing: -.7px; }
.dx-section-head h2 em,.dx-network h2 em { font-style: normal; color: #6236D9; }
.dx-section-head p { margin: 8px 0 0; color: #8a8b9b; font-size: 12px; line-height: 1.9; }
.dx-text-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 8px 0; border: 0; background: transparent; color: #6236D9; font: inherit; font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; cursor: pointer; }.dx-text-button .dx-icon { width: 17px; height: 17px; transition: transform .2s; }.dx-text-button:hover .dx-icon { transform: translateX(-4px); }
.dx-offers { background: linear-gradient(180deg,#fcfcff,#f6f5fb); }
.dx-offers .landing-carousel { margin-top: 0; padding-inline: 0; }
.dx-offers .landing-offer-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; min-height: 220px; }
.dx-offers .landing-offer { position: relative; display: flex; flex-direction: column; gap: 0; padding: 10px; border: 1px solid #e7e3f0; border-radius: 18px; background: #fff; box-shadow: 0 4px 12px #32294b03; text-align: right; color: #202231; min-height: 0; overflow: hidden; }
.dx-offers .landing-offer:hover,.dx-offers .landing-offer:focus-visible { transform: translateY(-5px); border-color: #b9a4e4; box-shadow: 0 16px 30px #39295910; }
.dx-offers .offer-preview-image { position: relative; display: grid; place-items: center; width: 100%; height: 112px; min-height: 112px; border-radius: 11px; overflow: hidden; background: radial-gradient(ellipse at 40% 10%,#fff,#f3f1f9); }
.dx-offers .offer-preview-image img { width: 100%; height: 100%; max-height: 112px; object-fit: contain; transition: transform .35s; }.dx-offers .landing-offer:hover .offer-preview-image img { transform: scale(1.06); }
.dx-offers .offer-preview-media { display: grid; place-items: center; width: 100%; height: 100%; overflow: hidden; }
.dx-offers .offer-image-missing { display: grid; justify-items: center; gap: 4px; color: #aaa1bc; font-size: 9px; }.dx-offers .offer-image-missing::before { content: none; }.dx-offers .offer-image-missing .dx-icon { width: 37px; height: 37px; color: #b9a8d5; }
.dx-offers .offer-preview-tag { position: absolute; right: 7px; top: 7px; padding: 3px 6px; border: 1px solid #caebdc; border-radius: 6px; background: #f3fcf8ef; color: #209d71; font-size: 8px; font-weight: 700; }
.dx-offers .offer-preview-body { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; gap: 4px; padding: 12px 4px 0; }
.dx-offers .offer-preview-name { min-height: 42px; margin: 0; color: #343046; font-size: 13px; line-height: 1.65; }
.dx-offers .offer-preview-maker { color: #9390a1; font-size: 10px; }
.dx-offers .offer-preview-facts { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px; padding-top: 10px; margin-top: 5px; color: #6b637d; font-size: 9px; border-top: 1px solid #eeeaf4; }
.dx-offers .offer-preview-city { display: block; margin-top: 5px; color: #9690a3; font-size: 9px; }
.dx-offers .offer-preview-action { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 11px; padding: 9px 10px; border: 1px solid #e3d9f6; border-radius: 9px; background: #faf8ff; color: #6236D9; font-size: 10px; font-weight: 800; }.dx-offers .offer-preview-action .dx-icon { width: 16px; height: 16px; }
.dx-offers .landing-state { min-height: 150px; display: grid; place-items: center; padding: 30px; border-color: #d8ccea; background: #fff; color: #8b809d; font-size: 13px; }
.dx-offers .carousel-arrow { width: 32px; height: 38px; border-radius: 50%; border-color: #e2d7f2; color: #6236D9; background: #fff; font-size: 27px; box-shadow: 0 5px 17px #3d285e13; } .dx-offers #landingPrev { right: -17px; }.dx-offers #landingNext { left: -17px; }
.dx-offers-caption { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 22px 0 0; color: #a49aaf; font-size: 10px; }.dx-offers-caption .dx-icon { width: 16px; height: 16px; }
.dx-network { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 65px; }
.dx-network-copy > p { max-width: 420px; margin: 15px 0 22px; color: #858294; font-size: 13px; line-height: 2.05; }
.dx-network-selection { display: flex; align-items: center; gap: 11px; padding: 12px 0; }.dx-network-selection strong { color: #493968; font-size: 15px; }.dx-network-selection p { max-width: 310px; margin: 3px 0 0; min-height: 37px; color: #a299ae; font-size: 10px; line-height: 1.8; }
.dx-city-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 11px 0 24px; }.dx-city-chips button { padding: 5px 13px; border: 1px solid #e6def1; border-radius: 30px; background: #fff; color: #9b90ac; font: inherit; font-size: 10px; cursor: pointer; transition: background .2s,border-color .2s; }.dx-city-chips button.is-active,.dx-city-chips button:hover { border-color: #c4b1e0; background: #f3ecfb; color: #6e4a9e; }
.dx-network-copy .dx-map-note { max-width: 390px; margin: 13px 0 0; color: #aaa1b5; font-size: 9px; }
.dx-map-panel { position: relative; min-width: 0; padding: 0 12px 14px; border: 1px solid #f0eaf7; border-radius: 28px; background: radial-gradient(ellipse at 50% 45%,#f1ebfa90,transparent 70%); }
.dx-map-label { display: inline-flex; align-items: center; gap: 8px; position: relative; top: -13px; padding: 4px 12px; border: 1px solid #eee7f5; border-radius: 20px; background: #fcfcff; color: #9c8eae; font-size: 9px; }
.dx-map-panel #iranNetworkMap { margin-top: -18px; }.dx-map-help { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: -25px; color: #b2a5bf; font-size: 9px; }.dx-map-help .dx-icon { width: 14px; height: 14px; }
.dx-story { background: #f8f7fc; border-block: 1px solid #f0edf6; }
.dx-section-head-centered { display: block; text-align: center; }.dx-section-head-centered p { margin-inline: auto; }
.dx-journey { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 64px; margin: 40px 0 0; list-style: none; }
.dx-journey::before { content: ''; position: absolute; top: 53px; right: 17%; left: 17%; height: 1px; border-top: 1px dashed #d4c5eb; }
.dx-journey li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
.dx-step-art { position: relative; display: grid; place-items: center; width: 103px; height: 103px; margin-bottom: 22px; border: 10px solid #f8f7fc; border-radius: 30px; background: #eee7fa; color: #865ac3; }.dx-step-art > .dx-icon { width: 37px; height: 37px; animation: dxIconFloat 5s ease-in-out infinite; }.dx-journey li:nth-child(2) .dx-step-art > .dx-icon { animation-delay: -1.6s; }.dx-journey li:nth-child(3) .dx-step-art > .dx-icon { animation-delay: -3.2s; }
.dx-step-art > span { position: absolute; top: -13px; right: -9px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; background: #fff; color: #b3a0cc; font-size: 10px; font-weight: 800; }.dx-step-mark { position: absolute; left: -13px; bottom: -4px; display: grid; place-items: center; width: 25px; height: 25px; border: 3px solid #f8f7fc; border-radius: 50%; background: #20C997; color: #fff; font-size: 14px; font-style: normal; }
.dx-journey h3 { color: #43394f; font-size: 16px; }.dx-journey p { max-width: 275px; margin: 11px auto 12px; color: #91879c; font-size: 11px; line-height: 1.95; }.dx-journey .dx-text-button { margin-top: auto; }.dx-step-hint { display: inline-block; margin-top: auto; padding: 7px 0; color: #a399b0; font-size: 10px; }
.dx-motion-control { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 27px; color: #b2a7bc; font-size: 9px; }.dx-motion-control button { padding: 4px 10px; border: 1px solid #e3daec; border-radius: 7px; background: transparent; color: #a497b5; font: inherit; font-size: 9px; cursor: pointer; }
.dx-join { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-block: 70px; padding: 44px 55px; border: 1px solid #6543a3; border-radius: 28px; background: linear-gradient(112deg,#34264c,#42238F 85%); color: #fff; overflow: hidden; }
.dx-join-copy { position: relative; z-index: 1; }.dx-join .dx-kicker { color: #bfb0df; }.dx-join h2 { color: #fff; font-size: clamp(24px,2.5vw,33px); line-height: 1.8; }.dx-join p { margin-top: 10px; color: #c4b9d6; font-size: 11px; }.dx-join-actions { position: relative; z-index: 1; display: grid; justify-items: center; gap: 13px; min-width: 250px; }.dx-join-login { padding: 5px; border: 0; background: transparent; color: #c4b9d6; font: inherit; font-size: 10px; cursor: pointer; }.dx-join-login strong { margin-right: 4px; color: #d7f8ec; font-weight: 500; }
.dx-join-orbits { position: absolute; z-index: 0; top: -70px; bottom: -70px; left: 7%; width: 440px; pointer-events: none; }.dx-join-orbits i { position: absolute; inset: 20px; border: 1px solid #c4b1dd16; border-radius: 50%; animation: dxOrbit 30s linear infinite; }.dx-join-orbits i:nth-child(2) { inset: 65px; border-style: dashed; animation-direction: reverse; }.dx-join-orbits > .dx-icon { position: absolute; top: 27px; right: 49px; width: 80px; height: 80px; color: #bca1de14; transform: rotate(30deg); }
.landing-page .dx-info { max-width: none; padding: 0 0 60px; background: #fff; }.dx-info .landing-info-grid { gap: 25px; grid-template-columns: 1.1fr 1fr; }.landing-info.dx-info .info-panel { padding: 28px 30px; border: 1px solid #eae4f1; border-radius: 20px; background: #fff; box-shadow: none; }.landing-info.dx-info .info-support { position: relative; background: #f6fcf9; border-color: #e4f0e9; }.dx-info .section-kicker { color: #a28bbd; font-size: 10px; }.dx-info .info-panel h2 { margin: 8px 0 15px; }.dx-info .info-panel p { color: #92889e; }.dx-info .info-intro .dx-text-button { margin-top: 14px; }.dx-support-symbol { position: absolute; left: 26px; top: 24px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: #e9f8ef; color: #57a380; }.dx-info .support-ticket-cta { margin-top: 16px; padding-top: 16px; border-top-color: #e0eee5; }.dx-info .support-ticket-cta strong { font-size: 13px; color: #6b7c71; }.dx-info .support-ticket-cta span { font-size: 11px; color: #99a39b; }.dx-info .support-ticket-button { display: inline-flex; align-items: center; gap: 15px; padding-inline: 15px; border-color: #bdddc9; color: #4c926d; background: #fff; font-size: 11px; }.dx-info .support-ticket-button .dx-icon { width: 16px; height: 16px; }.dx-info .support-ticket-button:hover { background: #edf8f0; transform: translateY(-2px); }
.landing-info.dx-info .faq-panel { display: grid; grid-template-columns: 1fr 1.55fr; gap: 60px; margin-top: 30px; padding: 35px 30px; border: 0; border-top: 1px solid #f0ebf5; border-radius: 0; background: #fff; box-shadow: none; }.dx-faq-heading { position: relative; padding-top: 15px; }.dx-faq-heading h2 { margin: 7px 0 12px; }.dx-faq-heading p { color: #b1a6bb; font-size: 11px; }.dx-faq-heading > span:last-child { display: block; margin: -4px 70px 0 0; color: #f0eaf7; font-size: 100px; font-weight: 800; line-height: 1.2; }.dx-info .faq-list { width: 100%; margin: 0; }.dx-info .faq-list details { position: relative; padding: 16px 18px; margin: 8px 0; border-color: #eee8f3; border-radius: 12px; background: #fcfbfe; }.dx-info .faq-list summary { display: block; list-style: none; padding-left: 23px; color: #6f607e; font-weight: 500; }.dx-info .faq-list summary::-webkit-details-marker { display: none; }.dx-info .faq-list summary::after { content: '+'; position: absolute; left: 18px; top: 13px; color: #a18aba; font-size: 20px; }.dx-info .faq-list details[open] { border-color: #d4c3e5; }.dx-info .faq-list details[open] summary::after { content: '−'; }.dx-info .faq-list p { color: #9c90a8; }
.dx-footer { border-top: 1px solid #ede8f3; background: #faf9fc; }.dx-footer > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 25px; padding-block: 26px; }.dx-footer .dx-brand img { width: 42px; height: 42px; border-radius: 12px; }.dx-footer .dx-brand strong { font-size: 19px; }.dx-footer .dx-brand small { font-size: 8px; }.dx-footer p { color: #aca2b7; font-size: 10px; }.dx-footer nav { display: flex; gap: 21px; align-items: center; }.dx-footer nav :is(a,button) { padding: 5px 0; border: 0; background: transparent; color: #9686a7; font: inherit; font-size: 10px; text-decoration: none; cursor: pointer; }
.dx-reveal-ready [data-reveal] { opacity: 0; transform: translateY(20px); transition: opacity .6s ease,transform .6s ease; }.dx-reveal-ready [data-reveal].is-visible { opacity: 1; transform: none; }
/* Keep supporting copy readable on the pale surfaces. */
.dx-hero-description,.dx-network-copy > p,.dx-section-head p,.dx-journey p,.dx-info .info-panel p,.dx-info .faq-list p { color: #667085; }
.dx-info .support-ticket-cta span,.dx-info .support-ticket-cta strong,.dx-offers .offer-preview-maker,.dx-offers .offer-preview-city,.dx-network-selection p,.dx-footer p,.dx-footer nav :is(a,button) { color: #6f677d; }
.landing-page.motion-paused *,.landing-page.motion-paused *::before,.landing-page.motion-paused *::after { animation-play-state: paused !important; }.landing-page.motion-paused [data-reveal] { opacity: 1; transform: none; transition: none; }
@keyframes dxAtmosphere { to { transform: translate3d(70px,35px,0) scale(1.06); } }
@keyframes dxFloat { 50% { translate: 0 -9px; } }
@keyframes dxIconFloat { 50% { transform: translateY(-5px) rotate(-5deg); } }
@keyframes dxOrbit { to { transform: rotate(360deg); } }
@keyframes dxFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (min-width: 1600px) { .dx-container { width: min(1320px,calc(100% - 96px)); }.dx-hero { gap: 85px; min-height: 685px; }.dx-hero h1 { font-size: 55px; } }
@media (max-width: 1120px) { .dx-nav { gap: 17px; }.dx-nav a { font-size: 10px; }.dx-header-inner { gap: 20px; }.dx-hero { gap: 40px; min-height: 560px; padding-block: 62px; }.dx-hero h1 { font-size: 39px; }.dx-hero-actions { gap: 9px; }.dx-hero-actions .dx-button { padding-inline: 16px; font-size: 11px; }.dx-floating-privacy { left: -15px; top: 15px; }.dx-floating-journey { right: -17px; }.dx-floating strong { font-size: 9px; }.dx-floating small { font-size: 7px; }.dx-network { gap: 35px; }.dx-values > div { font-size: 10px; }.dx-join { padding-inline: 36px; } }
@media (max-width: 950px) { .dx-nav { display: none; }.dx-hero h1 { font-size: 34px; }.dx-hero-description { font-size: 12px; }.dx-hero-reassurance { font-size: 8px; }.dx-hero-actions .dx-button { padding-inline: 12px; }.dx-network { grid-template-columns: 1fr 1fr; gap: 25px; }.dx-journey { gap: 25px; }.dx-join-actions { min-width: 230px; }.dx-join h2 { font-size: 26px; } }
@media (max-width: 800px) { .dx-container { width: calc(100% - 36px); }.dx-header-inner { width: calc(100% - 32px); min-height: 77px; }.dx-brand img { width: 46px; height: 46px; border-radius: 13px; }.dx-brand strong { font-size: 20px; }.dx-hero { grid-template-columns: 1fr; gap: 50px; padding-block: 40px 56px; text-align: center; }.dx-hero-copy { justify-self: center; }.dx-hero h1 { font-size: clamp(33px,6.3vw,46px); }.dx-hero-intro { font-size: 20px; }.dx-hero-description { max-width: 460px; margin-inline: auto; font-size: 12px; }.dx-hero-actions,.dx-hero-reassurance { justify-content: center; }.dx-hero-actions .dx-button { padding-inline: 20px; font-size: 12px; }.dx-hero-visual { width: min(510px,calc(100% - 32px)); margin-inline: auto; }.dx-hero-photo { aspect-ratio: 1.4; border-radius: 35px 18px; }.dx-scroll-link { display: none; }.dx-floating-privacy { top: 20px; left: -12px; }.dx-floating-journey { right: -12px; }.dx-floating strong { font-size: 10px; }.dx-floating small { font-size: 8px; }.dx-hero-reassurance { font-size: 9px; }.dx-values { grid-template-columns: repeat(2,1fr); row-gap: 20px; padding: 22px 0; }.dx-values > div:nth-child(2) { border: 0; }.dx-values > div { font-size: 10px; }.dx-section { padding-block: 55px; }.dx-section-head { gap: 18px; }.dx-section-head h2,.dx-network h2 { font-size: 27px; }.dx-section-head p { font-size: 11px; }.dx-offers .landing-offer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.dx-network { grid-template-columns: 1fr; gap: 35px; }.dx-network-copy { text-align: center; }.dx-network-copy > p { margin-inline: auto; max-width: 520px; }.dx-network-selection { justify-content: center; text-align: right; }.dx-city-chips { justify-content: center; }.dx-map-panel { width: min(540px,100%); margin-inline: auto; }.dx-network h2 br { display: none; }.dx-network-copy .dx-map-note { max-width: none; margin: 13px auto 0; }.dx-journey { gap: 18px; }.dx-journey h3 { font-size: 14px; }.dx-journey p { font-size: 10px; }.dx-journey .dx-text-button,.dx-step-hint { font-size: 9px; }.dx-step-art { width: 88px; height: 88px; border-radius: 27px; }.dx-step-art > .dx-icon { width: 31px; height: 31px; }.dx-journey::before { top: 44px; }.dx-join { margin-block: 48px; padding: 30px; }.dx-join-actions { min-width: 200px; }.dx-join h2 { font-size: 23px; }.dx-join .dx-button { padding-inline: 18px; font-size: 12px; }.dx-info .landing-info-grid { grid-template-columns: 1fr; gap: 16px; }.landing-info.dx-info .info-panel { padding: 22px; }.landing-info.dx-info .faq-panel { grid-template-columns: 1fr; gap: 15px; padding: 26px 0; }.dx-faq-heading { padding-top: 0; }.dx-faq-heading > span:last-child { display: none; }.dx-footer > div { justify-content: center; gap: 16px; text-align: center; }.dx-footer p { flex-basis: 100%; order: 3; } }
@media (max-width: 480px) { .dx-header-inner { gap: 10px; min-height: 72px; }.dx-brand { gap: 6px; }.dx-brand img { width: 38px; height: 38px; padding: 3px; border-radius: 11px; }.dx-brand strong { font-size: 16px; letter-spacing: -.7px; }.dx-brand small { font-size: 7px; }.dx-header-auth { gap: 2px; }.dx-header-auth .dx-button { min-height: 37px; padding: 7px 11px; gap: 5px; border-radius: 9px; font-size: 10px; }.dx-header-auth .dx-button-quiet { padding-inline: 7px; }.dx-header-auth .dx-icon { width: 14px; height: 14px; }.dx-header-auth .dx-button-primary .dx-icon { display: none; }.dx-container { width: calc(100% - 32px); }.dx-hero { padding-block: 32px 48px; gap: 37px; }.dx-eyebrow { margin-bottom: 14px; font-size: 9px; padding: 5px 10px; }.dx-hero-intro { font-size: 17px; }.dx-hero h1 { font-size: 33px; letter-spacing: -1.1px; }.dx-hero h1 > svg { height: 9px; bottom: -1px; }.dx-hero-description { margin-block: 20px; font-size: 11px; line-height: 2; }.dx-hero-description br { display: none; }.dx-hero-actions { gap: 8px; }.dx-hero-actions .dx-button { min-height: 45px; padding-inline: 14px; font-size: 10px; gap: 8px; }.dx-hero-reassurance { gap: 5px; margin-top: 14px; font-size: 8px; }.dx-hero-visual { width: calc(100% - 20px); }.dx-photo-orbit { inset: -12px; }.dx-hero-photo { border-radius: 29px 16px; }.dx-floating { gap: 7px; padding: 9px; border-radius: 12px; }.dx-floating-privacy { top: 8px; left: -10px; }.dx-floating strong { font-size: 8px; }.dx-floating small { font-size: 6px; }.dx-floating-privacy > i { width: 14px; height: 14px; font-size: 8px; }.dx-soft-icon { width: 28px; height: 28px; border-radius: 9px; }.dx-soft-icon .dx-icon { width: 16px; height: 16px; }.dx-floating-journey { right: -9px; bottom: -17px; }.dx-floating-pill { width: 38px; height: 38px; top: -13px; right: -9px; }.dx-floating-pill .dx-icon { width: 22px; height: 22px; }.dx-hero-photo figcaption { font-size: 7px; bottom: 14px; }.dx-visual-spark { font-size: 17px; }.dx-values { row-gap: 16px; padding-block: 18px; }.dx-values > div { padding-inline: 5px; gap: 7px; font-size: 8px; }.dx-values .dx-icon { width: 19px; height: 19px; }.dx-section { padding-block: 42px; }.dx-section-head { flex-wrap: wrap; gap: 5px; margin-bottom: 22px; }.dx-kicker { font-size: 10px; }.dx-section-head h2,.dx-network h2 { font-size: 25px; }.dx-section-head p { font-size: 10px; }.dx-section-head > .dx-text-button { margin-right: auto; }.dx-offers .landing-offer-grid { gap: 8px; }.dx-offers .landing-offer { padding: 7px; border-radius: 13px; }.dx-offers .offer-preview-image { height: 91px; min-height: 91px; }.dx-offers .offer-preview-image img { max-height: 91px; }.dx-offers .offer-preview-body { padding: 9px 2px 0; gap: 3px; }.dx-offers .offer-preview-name { min-height: 39px; font-size: 11px; }.dx-offers .offer-preview-maker { font-size: 9px; }.dx-offers .offer-preview-facts { font-size: 8px; }.dx-offers .offer-preview-city { font-size: 8px; }.dx-offers .offer-preview-action { padding: 7px; font-size: 9px; }.dx-offers .offer-preview-tag { top: 5px; right: 4px; font-size: 7px; padding: 2px 4px; }.dx-offers #landingPrev { right: -11px; }.dx-offers #landingNext { left: -11px; }.dx-offers .carousel-arrow { width: 25px; height: 31px; font-size: 23px; }.dx-offers-caption { font-size: 8px; align-items: flex-start; text-align: center; }.dx-network-copy > p { font-size: 11px; }.dx-network-copy .dx-map-note { font-size: 8px; }.dx-city-chips { gap: 6px; }.dx-city-chips button { padding-inline: 12px; font-size: 9px; }.dx-map-panel { padding: 0 2px 12px; }.dx-map-label { font-size: 8px; }.dx-map-help { margin-top: -13px; font-size: 8px; }.dx-journey { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; }.dx-journey::before { display: none; }.dx-step-art { width: 85px; height: 85px; margin-bottom: 9px; }.dx-journey h3 { font-size: 16px; }.dx-journey p { font-size: 11px; max-width: 270px; margin: 7px auto; }.dx-journey .dx-text-button,.dx-step-hint { font-size: 10px; }.dx-motion-control { margin-top: 20px; }.dx-join { flex-direction: column; gap: 22px; padding: 28px 20px; margin-block: 35px; border-radius: 21px; text-align: center; }.dx-join h2 { font-size: 25px; }.dx-join p { font-size: 10px; }.dx-join-actions { gap: 11px; }.dx-join-orbits { left: -80px; width: 400px; }.dx-info .support-ticket-cta span { font-size: 10px; }.landing-info.dx-info .info-panel { padding: 20px 18px; }.dx-support-symbol { width: 34px; height: 34px; left: 20px; top: 20px; }.dx-support-symbol .dx-icon { width: 20px; height: 20px; }.dx-footer nav { gap: 18px; }.dx-footer nav :is(a,button) { font-size: 9px; } }
@media (max-width: 359px) { .dx-header-inner { width: calc(100% - 20px); gap: 6px; }.dx-brand { gap: 5px; }.dx-brand img { width: 32px; height: 32px; }.dx-brand strong { font-size: 14px; }.dx-brand small { font-size: 6px; }.dx-header-auth .dx-button { padding-inline: 8px; }.dx-header-auth .dx-button-quiet .dx-icon { display: none; }.dx-hero h1 { font-size: 29px; }.dx-hero-actions .dx-button { padding-inline: 10px; font-size: 9px; } }
@media (prefers-reduced-motion: reduce) { .dx-page *,.dx-page *::before,.dx-page *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }.dx-reveal-ready [data-reveal] { opacity: 1; transform: none; } }