/* Long original copy stays visible; translucency never dims the text itself. */
@media(max-width:1100px){
 #governance-details>.container>div.bg-white{padding:54px 40px}
 #governance-details>.container>div.bg-white::before{inset:20px 18% 20px 20px}
 #governance-details>.container>div.bg-white>div{width:78%}
 #infrastructure>.container>.bg-white{width:85%}
}
@media(max-width:1023px){
 #architecture{background-position:64% center}
 #architecture [data-testid="visual-architecture"]>.grid{gap:24px;max-width:650px;margin-inline:auto}
 #architecture [data-testid="visual-architecture"]>.grid>div{min-height:300px;transform:none!important}
 #governance-details>.container>div:first-child{background-position:65% center;padding:34px;gap:20px}
 #governance-details>.container>div:first-child>div.bg-white{transform:none;margin:0}
}
@media(max-width:639px){
 #architecture{padding-block:64px;background-position:64% center}
 #architecture>.container>.max-w-3xl{margin-bottom:40px;text-align:left}
 #architecture>.container>.max-w-3xl>.kicker{justify-content:flex-start}
 #architecture>.container>.max-w-3xl>p.text-muted-foreground{font-size:17px;line-height:1.85}
 #architecture [data-testid="visual-architecture"]>.grid>div{padding:26px;min-height:310px;border-radius:18px}
 #governance-details>.container>div:first-child{margin-inline:-8px;border-radius:22px;padding:28px 22px;background-position:70% center}
 #governance-details>.container>div:first-child>div.bg-white{padding:26px;border-radius:18px}
 #governance-details>.container>div:first-child>div.bg-white>p{font-size:18px}
 #governance-details>.container>div.bg-white{padding:180px 30px 40px;border-radius:22px;background-position:70% top}
 #governance-details>.container>div.bg-white::before{inset:154px 12px 16px;border-radius:18px;background:#f5ede1ed}
 #governance-details>.container>div.bg-white>div{width:100%}
 #governance-details>.container>div.bg-white>.prose{font-size:16px;line-height:1.9}
 #infrastructure{padding-block:60px;background-position:68% top}
 #infrastructure>.container>h2{font-size:30px;line-height:1.5;margin-bottom:30px}
 #infrastructure>.container>.bg-white{width:100%;padding:30px 26px;background:#f9f1e2e8;border-radius:20px}
 #infrastructure>.container>.bg-white>.leading-relaxed{font-size:16px;line-height:1.9}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #architecture [data-testid="visual-architecture"]>.grid>div{background:#26333de8}
 #architecture [data-testid="visual-architecture"]>.grid>div:nth-child(2){background:#66513aeb}
 #governance-details>.container>div:first-child>div.bg-white,#infrastructure>.container>.bg-white{background:#f4ebdff2}
 #governance-details>.container>div.bg-white::before{background:#f5ede1f2}
}
@media(prefers-reduced-motion:reduce){
 #architecture [data-testid="visual-architecture"]>.grid>div{transition:none;animation:none}
}