:root{color-scheme:dark;--bg:#07090d;--panel:#11161d;--text:#f5f3ed;--muted:#aeb5bf;--accent:#73dcd1;--blue:#3d63e6;--jasper:#c66a44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#07090ddc,#07090df5),url('/conduit-aqueduct-portal.jpg') center top/cover fixed;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit}.skip{position:absolute;top:-80px;left:1rem;background:var(--accent);color:var(--bg);padding:.5rem 1rem;z-index:10}.skip:focus{top:1rem}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:80px;padding:1rem clamp(1.5rem,6vw,7rem);background:#07090de9;border-bottom:1px solid #ffffff18}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:700;letter-spacing:.25em;font-size:.86rem}.brand svg{width:24px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8}.header nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,2.2rem);font-size:.86rem;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover,.header nav a:focus-visible{color:var(--accent)}.header nav [aria-current]{color:var(--accent)}.login{border:1px solid #fff;border-radius:99px;padding:.25rem .9rem}main{width:min(1060px,calc(100% - 3rem));margin:auto}.intro{padding:clamp(5rem,11vw,9rem) 0 4rem;max-width:760px}.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:700;color:var(--accent)}h1,h2{line-height:1.07;letter-spacing:-.04em}h1{font-size:clamp(3rem,7vw,5.8rem);margin:1.3rem 0}h1 em{font-style:normal;color:var(--accent)}.intro>p:last-child{max-width:620px;color:var(--muted);font-size:1.12rem}.faq{border-top:1px solid #ffffff40}.faq details{border-bottom:1px solid #ffffff40;background:#11161dd9}.faq summary{cursor:pointer;display:flex;align-items:center;gap:1.4rem;padding:1.55rem 1.8rem;font-size:clamp(1rem,1.7vw,1.3rem);font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';margin-left:auto;color:var(--accent);font-size:1.5rem}.faq details[open] summary:after{content:'−'}.faq summary:hover,.faq summary:focus-visible{color:var(--accent);outline:none;background:#73dcd110}.faq summary span{color:var(--jasper);font-size:.8rem;letter-spacing:.12em}.faq details p{margin:0;padding:0 4.5rem 1.8rem;color:var(--muted);max-width:850px}.next{margin:5rem 0 7rem;padding:clamp(2rem,5vw,4rem);border:1px solid #73dcd155;border-radius:16px;background:var(--panel)}.next h2{font-size:clamp(2.3rem,5vw,4rem);margin:1rem 0}.next>p:not(.eyebrow){color:var(--muted)}.next a{display:inline-block;margin-top:1rem;padding-bottom:.5rem;color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none;font-weight:600}.next a:hover,.next a:focus-visible{text-shadow:0 0 18px var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem clamp(1.5rem,6vw,7rem);background:var(--bg);border-top:1px solid #ffffff24;font-size:.8rem;color:var(--muted)}footer .brand{color:var(--text)}footer p{max-width:330px}footer>a:last-child{text-decoration:none}@media(max-width:750px){.header{align-items:flex-start;flex-direction:column}.header nav{flex-wrap:wrap}.faq summary{padding:1.25rem;gap:.8rem}.faq details p{padding:0 1.25rem 1.5rem 3.2rem}footer{align-items:flex-start;flex-direction:column}}
