/* DETA Cüzdan: original wallet product presentation. */
body.is-dp-wallet-product{--wallet-accent:var(--teal);--wallet-violet:var(--purple);--wallet-gold:var(--orange)}
body.is-dp-wallet-product .statement-section#wallet-overview{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding-inline-end:clamp(150px,24vw,310px);border:1px solid color-mix(in srgb,var(--wallet-accent) 30%,var(--line));border-radius:18px 25px 16px 22px;background:radial-gradient(ellipse at 88% 45%,color-mix(in srgb,var(--wallet-accent) 15%,transparent),transparent 34%),radial-gradient(ellipse at 95% 60%,color-mix(in srgb,var(--wallet-violet) 9%,transparent),transparent 26%),color-mix(in srgb,var(--panel) 92%,transparent)}
body.is-dp-wallet-product .statement-section#wallet-overview:after{content:"";position:absolute;z-index:-1;inset-inline-end:7%;top:50%;width:190px;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--wallet-accent) 65%,transparent);border-radius:50%;box-shadow:0 0 0 15px color-mix(in srgb,var(--wallet-violet) 7%,transparent),0 0 0 32px color-mix(in srgb,var(--wallet-gold) 7%,transparent),inset 0 0 0 27px color-mix(in srgb,var(--wallet-accent) 8%,transparent);transform:translateY(-50%);animation:wallet-orbit 28s linear infinite}
body.is-dp-wallet-product .statement-section#wallet-overview:before{content:"DETA";position:absolute;z-index:-1;inset-inline-end:calc(7% + 59px);top:50%;width:72px;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--wallet-violet) 55%,var(--line));border-radius:50%;background:var(--panel);color:var(--wallet-violet);font:800 20px var(--sans);letter-spacing:-.06em;transform:translateY(-50%) rotate(-7deg);box-shadow:0 0 0 8px color-mix(in srgb,var(--panel) 78%,transparent),0 0 0 11px color-mix(in srgb,var(--wallet-gold) 23%,transparent)}
body.is-dp-wallet-product .features-section[id^="wallet-"] .section-heading,body.is-dp-wallet-product .process-section[id^="wallet-"] .section-heading{max-width:920px;margin-inline:auto;margin-bottom:28px}
body.is-dp-wallet-product .features-section[id^="wallet-"] .feature-list{max-width:1240px;margin-inline:auto;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.is-dp-wallet-product .features-section[id^="wallet-"] .product-feature-item{min-height:142px;padding:20px 18px;border:1px solid color-mix(in srgb,var(--wallet-accent) 22%,var(--line));border-radius:12px 17px 10px 15px;background:color-mix(in srgb,var(--panel) 91%,transparent);box-shadow:0 12px 34px color-mix(in srgb,var(--wallet-accent) 5%,transparent);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
body.is-dp-wallet-product .features-section[id^="wallet-"] .product-feature-item:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wallet-accent) 52%,var(--line));box-shadow:0 18px 42px color-mix(in srgb,var(--wallet-accent) 10%,transparent)}
body.is-dp-wallet-product .features-section[id^="wallet-"] .product-feature-item>span{color:var(--wallet-accent)}
body.is-dp-wallet-product .features-section[id^="wallet-"] .product-feature-item>i{color:var(--wallet-violet)}
body.is-dp-wallet-product .process-section[id^="wallet-"] .process-track{max-width:1240px;margin-inline:auto}
body.is-dp-wallet-product .process-section[id^="wallet-"] .process-step>span{color:var(--wallet-accent);border-color:color-mix(in srgb,var(--wallet-accent) 48%,var(--line))}
body.is-dp-wallet-product .statement-section#wallet-compliance{border-inline-start:3px solid color-mix(in srgb,var(--wallet-gold) 70%,transparent);background:color-mix(in srgb,var(--wallet-gold) 6%,var(--panel))}
body.is-dp-wallet-product .cta-section#wallet-demo{border-color:color-mix(in srgb,var(--wallet-violet) 38%,var(--line));background:radial-gradient(ellipse at 82% 40%,color-mix(in srgb,var(--wallet-violet) 17%,transparent),transparent 42%),linear-gradient(115deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--wallet-accent) 8%,var(--panel)))}
body.is-dp-wallet-product .cta-section#wallet-demo .cta-mark{border-radius:50%;border-color:color-mix(in srgb,var(--wallet-violet) 60%,var(--line));color:var(--wallet-violet)}
@keyframes wallet-orbit{to{rotate:360deg}}
@media(max-width:820px){body.is-dp-wallet-product .features-section[id^="wallet-"] .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.is-dp-wallet-product .statement-section#wallet-overview{min-height:0;padding-inline-end:24px;padding-top:168px}body.is-dp-wallet-product .statement-section#wallet-overview:after{inset-inline-end:auto;left:50%;top:86px;width:118px;transform:translate(-50%,-50%)}body.is-dp-wallet-product .statement-section#wallet-overview:before{inset-inline-end:auto;left:50%;top:86px;width:54px;transform:translate(-50%,-50%) rotate(-7deg)}body.is-dp-wallet-product .features-section[id^="wallet-"] .feature-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.is-dp-wallet-product .statement-section#wallet-overview:after{animation:none}body.is-dp-wallet-product .features-section[id^="wallet-"] .product-feature-item{transition:none}}
