*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:linear-gradient(180deg,#1B2D45 0%,#0D1B2A 40%,#0A1628 100%);color:#E0E8F0;font-family:'Nunito',sans-serif;overflow-x:hidden;min-height:100vh}
.hero{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative}
.glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,110,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}
.title{font-family:'Quicksand',sans-serif;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;color:#E0E8F0;letter-spacing:.06em;line-height:1;position:relative;z-index:1}
.sub{font-family:'Nunito',sans-serif;font-size:clamp(.9rem,1.3vw,1.1rem);color:#8BA7C4;max-width:440px;line-height:1.75;margin-top:20px;position:relative;z-index:1}
.pools{max-width:900px;margin:0 auto;padding:60px 24px;display:flex;flex-direction:column;gap:28px}
.pool{background:#1B2D45;border-left:2px solid #C8A96E;border-radius:8px;padding:36px;transition:transform .3s,background .3s;clip-path:polygon(0 0,100% 2%,98% 100%,2% 98%)}
.pool:hover{transform:translateX(8px);background:#2A3F5F}
.pool-label{font-family:'Inconsolata',monospace;font-size:.75rem;letter-spacing:.2em;color:#C8A96E;display:block;margin-bottom:8px}
.pool h2{font-family:'Quicksand',sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:10px;color:#E0E8F0}
.pool p{font-size:.92rem;line-height:1.75;color:#8BA7C4}
.pool1{border-left-color:#C8A96E}.pool2{border-left-color:#3EC9A7}.pool3{border-left-color:#E07A5F}
.sediment{text-align:center;padding:100px 24px;background:#0A1628}
.sediment-text{font-family:'Quicksand',sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);color:#8BA7C4;opacity:.4;letter-spacing:.06em}
.footer{text-align:center;padding:40px 24px;border-top:1px solid #1B2D45;background:#0A1628}
.footer p{font-size:.75rem;color:#8BA7C4;opacity:.3}