/* DETA SaaS E-Commerce: original multi-store commerce visual language. */
body.is-dp-saas-product{--saas-accent:var(--purple);--saas-secondary:var(--teal);--saas-warm:var(--orange)}
body.is-dp-saas-product .statement-section#saas-overview{position:relative;isolation:isolate;overflow:hidden;min-height:310px;padding-inline-end:clamp(160px,25vw,320px);border:1px solid color-mix(in srgb,var(--purple) 25%,var(--line));border-radius:16px 22px 14px 20px;background:radial-gradient(ellipse at 88% 48%,color-mix(in srgb,var(--purple) 12%,transparent),transparent 34%),radial-gradient(ellipse at 95% 56%,color-mix(in srgb,var(--teal) 8%,transparent),transparent 25%),color-mix(in srgb,var(--panel) 90%,transparent)}
body.is-dp-saas-product .statement-section#saas-overview:after{content:"";position:absolute;z-index:-1;inset-inline-end:7%;top:50%;width:194px;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--purple) 58%,transparent);border-radius:50%;box-shadow:0 0 0 15px color-mix(in srgb,var(--teal) 6%,transparent),0 0 0 32px color-mix(in srgb,var(--orange) 6%,transparent),inset 0 0 0 27px color-mix(in srgb,var(--purple) 8%,transparent);transform:translateY(-50%);animation:saas-orbit 30s linear infinite}
body.is-dp-saas-product .statement-section#saas-overview:before{content:"DETA";position:absolute;z-index:-1;inset-inline-end:calc(7% + 60px);top:50%;width:72px;aspect-ratio:1;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--purple) 48%,var(--line));border-radius:50%;background:var(--panel);color:var(--purple);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) 75%,transparent),0 0 0 11px color-mix(in srgb,var(--orange) 20%,transparent)}
body.is-dp-saas-product .features-section[id^="saas-"],body.is-dp-saas-product .process-section#saas-workflow{padding-block:68px}
body.is-dp-saas-product .features-section[id^="saas-"] .section-heading,body.is-dp-saas-product .process-section#saas-workflow .section-heading{max-width:900px;margin-inline:auto;margin-bottom:28px}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list{max-width:1240px;margin-inline:auto;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body.is-dp-saas-product #saas-modules .feature-list{grid-template-columns:repeat(3,minmax(0,1fr))}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list li{position:relative;min-height:164px;padding:22px;border:1px solid var(--line);border-radius:15px 19px 13px 17px;background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:3px 4px 0 color-mix(in srgb,var(--text) 6%,transparent);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list li:nth-child(3n+2){--saas-card-accent:var(--teal)}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list li:nth-child(3n){--saas-card-accent:var(--orange)}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list li:before{content:"";position:absolute;inset-block:18px;inset-inline-start:0;width:3px;border-radius:0 4px 4px 0;background:var(--saas-card-accent,var(--purple));opacity:.82}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list li:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--saas-accent) 46%,var(--line));box-shadow:5px 7px 0 color-mix(in srgb,var(--purple) 8%,transparent)}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-mark{width:38px;height:38px;display:grid;place-items:center;margin:0 0 14px;border:1px solid color-mix(in srgb,var(--saas-card-accent,var(--purple)) 48%,var(--line));border-radius:50%;color:var(--saas-card-accent,var(--purple));background:color-mix(in srgb,var(--saas-card-accent,var(--purple)) 8%,var(--panel));font:700 12px var(--mono)}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list h3{margin:0 0 8px;color:var(--text);font-size:16px;line-height:1.4}
body.is-dp-saas-product .features-section[id^="saas-"] .feature-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
body.is-dp-saas-product #saas-workflow .process-track{max-width:1240px;margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
body.is-dp-saas-product #saas-workflow .process-step{border-top:2px solid color-mix(in srgb,var(--purple) 58%,var(--line))}
body.is-dp-saas-product #saas-workflow .process-step:nth-child(2){border-color:color-mix(in srgb,var(--teal) 58%,var(--line))}
body.is-dp-saas-product #saas-workflow .process-step:nth-child(3){border-color:color-mix(in srgb,var(--orange) 58%,var(--line))}
@keyframes saas-orbit{to{rotate:360deg}}
@media(max-width:900px){body.is-dp-saas-product .features-section[id^="saas-"] .feature-list,body.is-dp-saas-product #saas-workflow .process-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.is-dp-saas-product .statement-section#saas-overview{min-height:0;padding-inline-end:24px;padding-top:150px}body.is-dp-saas-product .statement-section#saas-overview:after{top:105px;inset-inline-end:calc(50% - 54px);width:108px;transform:translateY(-50%)}body.is-dp-saas-product .statement-section#saas-overview:before{top:105px;inset-inline-end:calc(50% - 35px);width:46px;font-size:15px;transform:translateY(-50%)}body.is-dp-saas-product .features-section[id^="saas-"],body.is-dp-saas-product .process-section#saas-workflow{padding:54px 20px}body.is-dp-saas-product .features-section[id^="saas-"] .feature-list,body.is-dp-saas-product #saas-workflow .process-track{grid-template-columns:1fr}body.is-dp-saas-product .features-section[id^="saas-"] .feature-list li{min-height:0}}
@media(prefers-reduced-motion:reduce){body.is-dp-saas-product .statement-section#saas-overview:after{animation:none}body.is-dp-saas-product .features-section[id^="saas-"] .feature-list li{transition:none}}