/* Centered Bento: outer columns 2–11, asymmetrical 7/5 and 5/7 rows. */
.private-bento{position:relative;overflow:visible;padding-block:120px;background:transparent;color:#000829;scroll-margin-top:64px}
.bento-outer-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.bento-grid{grid-column:2/12;justify-self:center;width:100%;min-width:0;margin-inline:auto}
.bento-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.bento-row+.bento-row{margin-top:24px}
.bento-card{display:flex;flex-direction:column;justify-content:flex-start;padding:24px;position:relative;height:clamp(520px,46vw,660px);border:1px solid #e8e8ea;border-radius:12px;overflow:hidden;background:linear-gradient(to top,rgb(128 128 128 / 5%) 0%,rgb(128 128 128 / 0%) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--font-family);font-weight:450}
.magic-transcribe,.magic-cluster{grid-column:span 7}
.magic-highlight,.magic-summarize{grid-column:span 5}
.bento-card-copy{position:relative;min-width:0;z-index:2}
.bento-card h3{margin:0 0 16px;font:450 var(--type-h4)/44px var(--font-family);letter-spacing:-.025em;color:#000829}
.bento-card-copy p{margin:0;color:#636a6b;font:450 var(--type-body)/24px var(--font-family);letter-spacing:-.01em}
.magic-highlight,.magic-cluster{justify-content:flex-end}
.magic-transcribe .bento-card-copy p{max-width:479px}
.bento-heading{margin:0 auto 64px;text-align:center;max-width:100%;color:#000829}
.bento-heading h2{margin:0;font:450 48px/48px var(--font-family);letter-spacing:-.025em;text-wrap:balance}
.bento-heading p{margin:16px auto 0;max-width:702px;color:#636a6b;font:450 var(--type-body)/24px var(--font-family);letter-spacing:-.01em}
@media(max-width:900px){.private-bento{display:none}}

/* One uninterrupted white-to-gray ground across Bento and compliance. */
.privacy-product-ground{display:flow-root;background-color:#fff;background-image:var(--page-dot-pattern),linear-gradient(to bottom,#fff 0%,#ddd 100%);background-size:12px 12px,100% 100%;background-repeat:repeat,no-repeat}
.privacy-product-ground>.compliance-section{background-color:transparent;background-image:none}

/* A transparent dotted coin sequence below the Swap copy. */
.swap-artwork{position:relative;flex:1;min-height:0;margin:24px -24px -24px;pointer-events:none}
.swap-artwork canvas{display:block;width:100%;height:100%}

/* Large vault spans the full panel; fade is anchored to the actual text top. */
.deposit-artwork{position:absolute;inset:0;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--vault-copy-top,440px) - 140px),transparent calc(var(--vault-copy-top,440px) - 12px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(var(--vault-copy-top,440px) - 140px),transparent calc(var(--vault-copy-top,440px) - 12px),transparent 100%)}
.deposit-artwork canvas{display:block;width:100%;height:100%;position:absolute;inset:0}

/* Yield sculpture occupies the reserved lane beneath the Earn copy. */
.earn-artwork{position:relative;flex:1;min-height:0;margin:16px -24px -24px;pointer-events:none}
.earn-artwork canvas{display:block;width:100%;height:100%}

/* Compliance's recorded dotted streaks form a separate background layer. */
#private-bento .bento-card{isolation:isolate}
.bento-streaks{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none}
#private-bento :is(.swap-artwork,.deposit-artwork,.earn-artwork,.send-artwork){z-index:1}

/* Supplied private-transfer composition, fitted above the bottom copy. */
.send-artwork{position:absolute;inset:0;pointer-events:none}
.send-artwork canvas{display:block;width:100%;height:100%}