*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--deep:#0F0F2E;--dark:#151540;--mid:#1A1A3E;--navy:#1A1A50;--purple-dark:#3A3660;--teal:#4ECDC4;--lavender:#7B68EE;--muted:#A8A4C0;--light:#E8E4F0;--pink:#FF6B9D}
body{background-color:var(--deep);color:var(--muted);font-family:'Source Sans 3',sans-serif;font-weight:400;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:linear-gradient(rgba(58,54,96,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(58,54,96,0.08) 1px,transparent 1px);background-size:24px 24px}

.bubble-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}
.bubble{position:absolute;border-radius:50%;border:2px solid;opacity:0.2;animation:rise linear infinite}
@keyframes rise{0%{transform:translateY(0)}100%{transform:translateY(-110vh)}}

.hero-section{height:100vh;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 48px;position:relative;z-index:1}
.hero-text{flex:1}
.hero-title{font-family:'Playfair Display',serif;font-weight:900;font-size:72px;letter-spacing:-0.02em;line-height:1.05;color:var(--light)}
.hero-title span{display:block}
.hero-bubbles{flex:0 0 300px;opacity:0.6}

.content-grid{max-width:1100px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:repeat(6,1fr);gap:24px;position:relative;z-index:1}

.content-block{border:4px solid var(--navy);border-radius:8px;padding:32px;background-color:rgba(26,26,80,0.4);backdrop-filter:blur(4px)}
.block-wide{grid-column:span 4}
.block-half{grid-column:span 3}
.block-full{grid-column:span 6}
.accent-block{border-color:var(--teal);background-color:rgba(78,205,196,0.08)}

.block-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:8px}
h2{font-family:'Playfair Display',serif;font-weight:900;font-size:36px;letter-spacing:-0.02em;line-height:1.05;color:var(--light);margin-bottom:12px}

.pressure-gauge{margin-bottom:16px}
.gauge-desc{font-size:14px;color:var(--muted)}

.data-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.data-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:2px solid var(--navy);border-radius:4px;font-size:14px;color:var(--light)}
.data-val{font-family:'Space Mono',monospace;font-size:11px;color:var(--teal);letter-spacing:0.06em}
.data-val.pending{color:var(--pink)}

.wave-divider{grid-column:span 6;padding:16px 0}

.transmission-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.transmission{display:flex;gap:24px;align-items:baseline;padding:12px 16px;border:2px solid var(--navy);border-radius:4px;transition:border-color 0.2s ease}
.transmission:hover{border-color:var(--teal)}
.trans-date{font-family:'Space Mono',monospace;font-size:12px;color:var(--teal);flex-shrink:0}
.trans-title{font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:16px;color:var(--light)}

.site-footer{max-width:1100px;margin:48px auto 0;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--navy);position:relative;z-index:1}
.footer-brand{font-family:'Space Mono',monospace;font-size:13px;color:var(--light)}
.footer-text{font-family:'Source Sans 3',sans-serif;font-size:13px;color:var(--muted)}

@media(max-width:768px){.content-grid{grid-template-columns:1fr}.block-wide,.block-half,.block-full,.wave-divider{grid-column:span 1}.hero-section{flex-direction:column;text-align:center;padding-top:120px}.hero-title{font-size:48px}.hero-bubbles{display:none}h2{font-size:28px}}