.sdbx-pricing { --pricing-muted:#aeb7ce; --pricing-ink:#f1f0f9; color:var(--pricing-ink); background:#171b2b; }
.sdbx-pricing *, .sdbx-pricing *::before, .sdbx-pricing *::after { box-sizing:border-box; }
.sdbx-pricing [hidden] { display:none !important; }
.sdbx-pricing a { text-decoration:none; }
.pricing-layout { display:grid; grid-template-columns:minmax(0,36fr) minmax(0,64fr); }
.pricing-intro { --aside-padding:clamp(28px,3.5vw,68px); position:relative; display:flex; flex-direction:column; min-width:0; padding:54px var(--aside-padding) 32px; overflow:hidden; background:radial-gradient(ellipse at 0 0,rgba(86,63,169,.27),transparent 60%),radial-gradient(ellipse at 100% 85%,rgba(100,71,220,.35),transparent 60%),#0d1125; }
.pricing-intro-copy { position:relative; z-index:1; width:100%; max-width:440px; margin-inline:auto; }
.pricing-eyebrow { margin:0 0 22px; color:#baaafa; font-size:11px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; line-height:1.6; }
.sdbx-pricing .pricing-intro h1 { margin:0; color:#f6f3ff; font-size:clamp(36px,3.5vw,58px); line-height:1.08; letter-spacing:-.055em; font-weight:750; overflow-wrap:anywhere; }
.pricing-intro h1 span { display:block; }
.pricing-intro h1 span:last-child { color:#b8a4ff; }
.pricing-intro-text { margin:24px 0 0; color:#c0c4da; font-size:15px; line-height:1.8; }
.pricing-console { position:relative; flex:1 1 auto; min-height:240px; width:calc(100% + 2 * var(--aside-padding)); margin:25px calc(-1 * var(--aside-padding)) 0; overflow:hidden; -webkit-mask-image:linear-gradient(#000 0%,#000 58%,transparent 98%); mask-image:linear-gradient(#000 0%,#000 58%,transparent 98%); }
.pricing-console::before { content:''; position:absolute; inset:22% -20% 0; border-top:2px solid #b89aff; background:linear-gradient(145deg,rgba(139,106,246,.35),transparent 65%); box-shadow:0 -8px 32px rgba(147,105,244,.3); transform:rotate(-12deg); }
.pricing-console-screen { position:absolute; top:22%; left:10%; width:135%; padding:5px; border:1px solid #7762ae; border-radius:12px; background:#27243c; transform:perspective(1000px) rotateY(-9deg) rotateZ(-9deg); transform-origin:left top; box-shadow:0 18px 48px #050719; }
.pricing-console img { display:block; width:100%; height:auto; border-radius:8px; }
.pricing-community { position:relative; display:flex; align-items:center; justify-content:center; gap:10px; width:100%; max-width:440px; margin:16px auto 0; color:#e0daf3; font-size:14px; font-weight:650; line-height:1.65; text-align:center; }
.pricing-community svg { flex:none; width:18px; height:18px; color:white; }
.pricing-config { align-self:center; width:100%; max-width:660px; min-width:0; padding:56px 40px; margin-inline:auto; }
.pricing-storage-summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px 22px; min-width:0; margin-bottom:28px; }
.pricing-storage-amount { display:flex; align-items:baseline; gap:10px; font-variant-numeric:tabular-nums; }
.pricing-storage-rate { min-width:0; margin:0; color:#aeb7ce; font-size:13px; line-height:1.5; font-variant-numeric:tabular-nums; white-space:nowrap; }
#storage-value { color:#f5f1ff; font-size:64px; font-weight:700; letter-spacing:-.06em; line-height:1; }
#storage-unit { color:#bba7f4; font-size:27px; font-weight:600; letter-spacing:-.04em; }
.pricing-range { padding:6px 0 0; }
.sdbx-pricing #storage-slider { display:block; width:100%; height:6px; margin:8px 0; border:0; border-radius:99px; appearance:none; -webkit-appearance:none; cursor:pointer; background:linear-gradient(to right,#a285f4 6.67%,#35384b 6.67%); }
.sdbx-pricing #storage-slider::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:23px; height:23px; border:5px solid #b69af8; border-radius:50%; background:#201b36; box-shadow:0 0 0 5px rgba(168,131,244,.08); }
.sdbx-pricing #storage-slider::-moz-range-thumb { width:14px; height:14px; border:5px solid #b69af8; border-radius:50%; background:#201b36; box-shadow:0 0 0 5px rgba(168,131,244,.08); }
.pricing-range-labels { display:flex; justify-content:space-between; margin-top:13px; color:#a6adc2; font-size:11px; }
#billing-details-text { min-height:22px; margin:13px 0 0; color:#aeb7ce; font-size:13px; line-height:1.7; text-align:center; }
.pricing-setup-note { margin:8px 0 0; color:#c7c0da; font-size:12px; text-align:center; }
.sdbx-pricing .pricing-cta { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:52px; margin-top:18px; padding:14px 18px; border:1px solid #9d80f4; border-radius:10px; background:linear-gradient(110deg,#865af1,#6747d3); color:#fff; font-size:16px; font-weight:600; line-height:1.4; text-align:center; box-shadow:0 5px 18px rgba(99,63,206,.15); }
.sdbx-pricing .pricing-cta:hover { background:linear-gradient(110deg,#9268f5,#7655de); }
.pricing-cta svg { flex:none; width:19px; height:19px; }
.pricing-cta[aria-disabled="true"] { opacity:.45; pointer-events:none; }
.pricing-payment { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:22px; }
.pricing-payment p { display:flex; align-items:center; gap:6px; margin:0; color:#b8bfd2; font-size:11px; }
.pricing-payment p svg { width:13px; height:13px; }
.pricing-payment-logos { display:flex; align-items:center; gap:8px; }
.pricing-payment-logos img { display:block; width:37px; height:auto; aspect-ratio:39/25; border-radius:3px; object-fit:contain; }
.pricing-payment-logos .pricing-mastercard { padding:3px 5px; background:white; }
.pricing-promises { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; width:100%; margin:28px 0 0; padding:24px 0 0; border-top:1px solid #323349; }
.pricing-promises > div,.pricing-promises > a { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:10px; min-width:0; color:#ede9fa; font-size:14px; font-weight:650; line-height:1.5; text-align:center; }
.pricing-promises svg { flex:none; width:26px; height:26px; color:#bda8f7; }
.pricing-promises a:hover { color:#c7b4fa; }
.pricing-included { background:#101626; border-top:1px solid #2a3044; padding:60px clamp(20px,4vw,64px) 68px; }
.pricing-included-inner { max-width:1260px; margin-inline:auto; }
.pricing-included-header { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:28px; }
.sdbx-pricing .pricing-included-header h2 { margin:0; color:#f2effa; font-size:clamp(25px,2.5vw,34px); line-height:1.25; font-weight:650; letter-spacing:-.04em; }
.pricing-included-header p { max-width:700px; margin:12px 0 0; color:#aab5c9; font-size:14px; line-height:1.75; }
.pricing-catalog-link { display:inline-flex; align-items:center; gap:8px; flex:none; color:#c5b5f3; font-size:12px; line-height:1.6; }
.pricing-catalog-link svg { width:16px; height:16px; }
.pricing-apps { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px 18px; }
.pricing-app { display:flex; align-items:center; gap:11px; min-width:0; min-height:57px; padding:10px 8px; border-radius:7px; color:#d1d7e4; font-size:12px; font-weight:550; }
.pricing-app img { flex:none; width:28px; height:28px; object-fit:contain; }
.pricing-app:hover { background:#20273a; color:#fff; }
.pricing-app span { min-width:0; overflow-wrap:anywhere; }
.pricing-stack { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; margin-top:38px; padding:28px 30px; border-radius:13px; background:linear-gradient(115deg,#29243e,#202339 65%,#172b33); }
.pricing-stack .pricing-eyebrow { margin-bottom:9px; color:#c1b1ef; font-size:10px; }
.sdbx-pricing .pricing-stack h3 { margin:0 0 10px; color:#f1ecfb; font-size:23px; line-height:1.35; font-weight:650; letter-spacing:-.035em; }
.pricing-stack p { max-width:750px; margin:0; color:#b3bfd2; font-size:12px; line-height:1.8; }
.pricing-stack-apps { display:flex; align-items:center; gap:12px; }
.pricing-stack-apps img { width:31px; height:31px; object-fit:contain; }
.pricing-stack-apps svg { width:14px; height:14px; color:#8685aa; }
.pricing-features { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px 28px; margin:44px 0 0; padding:0; list-style:none; }
.pricing-features li { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.pricing-features li > div { min-width:0; overflow-wrap:anywhere; }
.pricing-features .material-icons { flex:none; width:22px; font-size:21px; color:#ab9be0; }
.pricing-features strong { display:block; color:#dce1ef; font-size:13px; font-weight:600; line-height:1.5; }
.pricing-features p { margin:5px 0 0; color:#96a5bd; font-size:11px; line-height:1.7; }
.sdbx-pricing :where(a,button,input):focus-visible { outline:2px solid #ccbaff; outline-offset:4px; }
@media(min-width:1100px) { .pricing-intro { contain:size; min-height:660px; } .pricing-intro-copy,.pricing-community { flex:none; } .pricing-console { min-height:180px; } }
@media(min-width:1800px) { .pricing-intro-copy { max-width:520px; } .pricing-config { padding-top:60px; padding-bottom:44px; } }
@media(max-width:1099px) {
 .pricing-layout { grid-template-columns:1fr; }
 .pricing-intro { padding:35px 28px 30px; text-align:center; }
 .pricing-intro-copy { max-width:680px; }
 .pricing-eyebrow { margin-bottom:13px; }
 .sdbx-pricing .pricing-intro h1 { font-size:42px; }
 .pricing-intro h1 span { display:inline; }
 .pricing-intro h1 span + span::before { content:' '; }
 .pricing-intro-text { max-width:640px; margin:15px auto 0; font-size:14px; line-height:1.7; }
 .pricing-console,.pricing-community { display:none; }
 .pricing-config { max-width:660px; padding:36px 28px; }
 .pricing-apps { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .pricing-stack { grid-template-columns:1fr; gap:24px; }
 .pricing-features { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:639px) {
 .pricing-intro { padding:30px 22px 26px; }
 .sdbx-pricing .pricing-intro h1 { max-width:360px; margin:auto; font-size:36px; }
 .pricing-intro h1 span { display:block; }
 .pricing-intro h1 span + span::before { content:none; }
 .pricing-intro-text { font-size:12px; }
 .pricing-config { padding:27px 20px 26px; }
 #storage-value { font-size:54px; }
 #storage-unit { font-size:24px; }
 .pricing-storage-summary { gap:16px; }
 .pricing-storage-rate { font-size:12px; }
 #billing-details-text { font-size:12px; }
 .sdbx-pricing .pricing-cta { font-size:15px; }
 .pricing-payment { flex-direction:column; gap:10px; margin-top:18px; }
 .pricing-payment-logos img { width:38px; }
 .pricing-promises { gap:12px; margin-top:24px; padding-top:22px; }
 .pricing-promises > div,.pricing-promises > a { font-size:12px; }
 .pricing-included { padding:35px 20px 40px; }
 .pricing-included-header { display:block; margin-bottom:19px; }
 .pricing-included-header p { font-size:12px; }
 .pricing-catalog-link { margin-top:15px; font-size:11px; }
 .pricing-apps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 10px; }
 .pricing-app { min-height:49px; padding:8px 3px; font-size:11px; gap:9px; }
 .pricing-app img { width:25px; height:25px; }
 .pricing-stack { padding:23px 19px; margin-top:27px; gap:20px; }
 .sdbx-pricing .pricing-stack h3 { font-size:21px; }
 .pricing-stack p { font-size:11px; }
 .pricing-stack-apps { gap:9px; flex-wrap:wrap; }
 .pricing-stack-apps img { width:25px; height:25px; }
 .pricing-stack-apps svg { width:10px; }
 .pricing-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 17px; margin-top:31px; }
 .pricing-features li { gap:9px; }
 .pricing-features strong { font-size:12px; }
 .pricing-features p { font-size:10px; }
 .pricing-features .material-icons { width:18px; font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .sdbx-pricing * { scroll-behavior:auto !important; transition:none !important; } }

.sdbx-pricing .pricing-config-title { margin:0 0 34px; color:#f3f0fb; font-size:26px; font-weight:650; line-height:1.35; letter-spacing:-.035em; text-align:center; }
.pricing-period { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px; margin:32px 0 0; }
.pricing-period-options { display:inline-flex; min-width:0; max-width:100%; gap:3px; margin:0; padding:4px; border:1px solid #46405d; border-radius:999px; background:#121729; }
.pricing-period-choice { position:relative; min-width:0; padding:10px 23px; border-radius:999px; color:#b2b9cd; font-size:14px; line-height:1.4; text-align:center; cursor:pointer; }
.pricing-period-choice input { position:absolute; width:1px; height:1px; opacity:0; }
.pricing-period-choice.is-selected { color:#f4efff; background:#49366d; }
.pricing-period-choice.is-disabled { opacity:.4; cursor:default; }
.pricing-period-choice:has(input:focus-visible) { outline:2px solid #cbb4ff; outline-offset:3px; }
.pricing-annual-discount { padding:4px 8px; border-radius:999px; color:#91e8ba; background:#19392e; font-size:11px; font-weight:600; line-height:1.4; }
.pricing-price-display { margin:30px 0 22px; }
.pricing-main-price { display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:10px; }
.pricing-main-price strong { color:#f6f2ff; font-size:72px; font-weight:700; line-height:1.1; letter-spacing:-.055em; font-variant-numeric:tabular-nums; }
.pricing-price-period { color:#aeb7ce; font-size:14px; line-height:1.5; }
.pricing-capacity { position:relative; margin:0 0 24px; padding-top:17px; border-top:1px solid #303449; }
.pricing-capacity-heading { display:flex; align-items:center; justify-content:center; gap:7px; margin-bottom:14px; color:#aeb7ce; }
.pricing-capacity-heading > p { margin:0; font-size:11px; line-height:1.6; text-align:center; }
.pricing-capacity-info summary { display:flex; align-items:center; justify-content:center; width:24px; height:24px; color:#a89dce; cursor:pointer; list-style:none; }
.pricing-capacity-info summary::-webkit-details-marker { display:none; }
.pricing-capacity-info summary svg { width:15px; height:15px; }
.pricing-capacity-info summary:focus-visible { outline:2px solid #ccbaff; outline-offset:2px; border-radius:4px; }
.pricing-capacity-info > p { position:absolute; inset-inline:0; top:47px; z-index:3; margin:0; padding:14px 16px; border:1px solid #514765; border-radius:9px; background:#262239; color:#d3cde3; font-size:12px; line-height:1.7; box-shadow:0 8px 24px #0c102580; }
.pricing-capacity-grid { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:start; gap:10px; }
.pricing-capacity-item { min-width:0; color:#aeb7ce; text-align:center; }
.pricing-capacity-item > svg { display:block; width:21px; height:21px; margin:0 auto 7px; }
.pricing-capacity-item strong { display:block; color:#e9e4f5; font-size:22px; line-height:1.35; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.pricing-capacity-label { display:block; margin-top:3px; color:inherit; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
.pricing-capacity-or { padding-top:32px; color:#878fa7; font-size:10px; line-height:1.6; }
@media(max-width:639px) {
 .sdbx-pricing .pricing-config-title { font-size:22px; margin-bottom:27px; }
 .pricing-period { margin-top:28px; gap:9px; }
 .pricing-period-choice { padding:10px 18px; font-size:13px; }
 .pricing-main-price strong { font-size:54px; }
 .pricing-price-period { font-size:12px; }
 .pricing-price-display { margin-top:26px; }
 .pricing-capacity { margin-bottom:22px; padding-top:14px; }
 .pricing-capacity-heading { margin-bottom:12px; }
 .pricing-capacity-heading > p { font-size:10px; }
 .pricing-capacity-grid { gap:7px; }
 .pricing-capacity-item strong { font-size:18px; }
 .pricing-capacity-label { font-size:10px; }
 .pricing-capacity-or { font-size:9px; }
 .pricing-capacity-info > p { font-size:11px; }
}
@media(max-width:359px) { .pricing-capacity-grid { gap:5px; } .pricing-capacity-item strong { font-size:14px; } }