/* Gentle Echo section accents. SVG files remain editable in assets/blobs/echo-fluid.
   Layout wrappers preserve each section's inner container and reading width. */
.echo-section{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.echo-art{position:absolute;z-index:-1;width:560px;height:auto;max-width:none;pointer-events:none;user-select:none;opacity:.62;top:50%;transform:translateY(-50%)}
.echo-right>.echo-art{right:-365px}.echo-left>.echo-art{left:-365px}
.echo-hero>.echo-art{width:780px;right:-265px;top:-70px;transform:rotate(-16deg);opacity:.88}
.echo-intro>.echo-art{width:590px;right:-300px;opacity:.6;transform:translateY(-50%) rotate(-18deg)}
.echo-intro .page-intro{position:relative}.echo-intro .page-intro h1{max-width:calc(100% - 140px)}
.echo-purpose>.echo-art{width:590px;left:-395px;opacity:.36;transform:translateY(-50%) rotate(22deg)}
.echo-feature>.echo-art{width:720px;opacity:.65;transform:translateY(-50%) rotate(24deg)}
.echo-feature.echo-left>.echo-art{left:-365px}.echo-feature.echo-right>.echo-art{right:-465px;opacity:.3}
.echo-download{background:#f2f8ed}.echo-download>.echo-art{width:530px;left:-340px;opacity:.35;transform:translateY(-50%) rotate(-24deg)}
.echo-transparent{background:transparent!important}
/* Keep content legible where a wide heading or paragraph reaches an edge. */
.echo-intro .page-intro>.lead{max-width:min(800px,calc(100% - 170px))}
@media(min-width:1600px){.echo-intro>.echo-art{right:-220px}.echo-purpose>.echo-art{left:-310px}.echo-download>.echo-art{left:-255px}}
@media(max-width:1100px) and (min-width:601px){.echo-intro>.echo-art{right:-400px;opacity:.4}.echo-intro .page-intro h1{max-width:calc(100% - 60px)}.echo-intro .page-intro>.lead{max-width:calc(100% - 80px)}.echo-hero>.echo-art{right:-350px;opacity:.65}.echo-purpose>.echo-art{left:-460px}.echo-feature.echo-left>.echo-art{left:-490px}.echo-download>.echo-art{left:-410px}}
@media(max-width:600px){
 .echo-section{padding-bottom:90px}
 .echo-section>.echo-art{width:370px;top:auto;bottom:-235px;transform:rotate(-18deg);opacity:.65}
 .echo-right>.echo-art{right:-120px}.echo-left>.echo-art{left:-150px}
 .echo-hero>.echo-art{width:440px;bottom:-255px;right:-165px;opacity:.8}
 .echo-intro .page-intro h1,.echo-intro .page-intro>.lead{max-width:100%}
 .echo-intro>.echo-art{bottom:-240px;right:-130px;opacity:.65}
 .echo-purpose>.echo-art{left:-170px;bottom:-250px;opacity:.48}
 .echo-feature.echo-left>.echo-art{left:-140px;bottom:-245px}
 .echo-feature.echo-right>.echo-art{right:-145px;bottom:-245px;opacity:.5}
 .echo-download{padding-bottom:65px}.echo-download>.echo-art{left:-185px;bottom:-265px;opacity:.45}
 .echo-download .download-band:after{display:none}
 .echo-download:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,#F36B23 0 25%,#FEE800 25% 50%,#4CB748 50% 75%,#EF3867 75% 100%)}
}
@media print{.echo-art{display:none}.echo-section{padding-bottom:0;background:white}}