*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#0A1628;color:#E8F0F2;font-family:'Inter',sans-serif;font-weight:400;font-size:1.05rem;line-height:1.7;overflow-x:hidden}

/* Sonar Arcs */
.sonar-arcs{position:fixed;right:-100px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}
.sonar-arc{border-radius:50%;border:1px solid rgba(0,229,255,0.08);position:absolute;right:0}
.arc-1{width:200px;height:200px;top:-100px;animation:sonarPulse 8s linear infinite}
.arc-2{width:400px;height:400px;top:-200px;right:-100px;animation:sonarPulse 8s linear infinite 2s}
.arc-3{width:800px;height:800px;top:-400px;right:-200px;animation:sonarPulse 8s linear infinite 4s}
@keyframes sonarPulse{0%{border-color:rgba(0,229,255,0.02)}50%{border-color:rgba(0,229,255,0.12)}100%{border-color:rgba(0,229,255,0.02)}}

/* Content Shaft */
.content-shaft{max-width:42.5rem;margin-left:calc(50vw - 21.25rem - 4vw);padding:0 clamp(16px,4vw,48px);position:relative;z-index:5}

/* Depth Sections */
.depth-section{padding:clamp(3rem,6vh,6rem) 0;position:relative}
.depth-section p{max-width:58ch;margin-bottom:1.2em;color:#E8F0F2}

/* Depth Marker */
.depth-marker{margin-bottom:1.5rem}
.depth-label{font-family:'JetBrains Mono',monospace;font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:#3A5068}

/* Titles */
.hero-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(2.2rem,6vw,5.5rem);letter-spacing:0.08em;color:#E8F0F2;margin-bottom:0.5em}
.hero-sub{font-family:'Inter',sans-serif;font-weight:300;font-size:clamp(1rem,1.8vw,1.2rem);color:#7B9BAF}
.section-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.6rem,4vw,2.8rem);letter-spacing:0.08em;color:#E8F0F2;margin-bottom:0.8em}

/* Separator */
.separator{width:100vw;height:3px;margin-left:calc(-50vw + 21.25rem + 4vw);background:linear-gradient(90deg,transparent 10%,#0B4F6C 50%,transparent 90%);position:relative;overflow:hidden}
.sweep-line{position:absolute;top:0;left:-20%;width:20%;height:100%;background:linear-gradient(90deg,transparent,#00E5FF,transparent);animation:sweep 8s linear infinite}
@keyframes sweep{0%{left:-20%}100%{left:120%}}

/* Shell Motif */
.shell-motif{display:flex;justify-content:center;margin:2rem 0}
.shell-svg{width:clamp(60px,10vw,100px)}

/* Footer */
.depth-footer{text-align:center}
.footer-text{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(1.2rem,2vw,1.6rem);color:#7B9BAF}
.footer-sub{font-family:'JetBrains Mono',monospace;font-size:0.7rem;color:#3A5068;letter-spacing:0.1em;margin-top:0.5rem}

/* Clip-path angles */
.depth-section{clip-path:polygon(0 0,100% 0,100% calc(100% - 2vw),0 100%)}
.depth-section+.separator+.depth-section{clip-path:polygon(0 2vw,100% 0,100% calc(100% - 2vw),0 100%)}

/* Reveals */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 0.6s cubic-bezier(0.23,1,0.32,1),transform 0.6s cubic-bezier(0.23,1,0.32,1)}
[data-reveal].visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
  .content-shaft{margin-left:4%;margin-right:4%;max-width:none}
  .separator{margin-left:-4%}
  .sonar-arcs{display:none}
  .depth-section{clip-path:none}
}