*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;background:radial-gradient(circle at 50% -8rem,rgba(79,143,184,.25),transparent 32rem),linear-gradient(180deg,#102033 0%,#0a1729 62%,#08121f 100%);color:#edf5fb;font-family:"Source Sans 3","Source Sans Pro",Aptos,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-underline-offset:4px}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #8fd2f4;outline-offset:6px}
.wrap{width:min(1180px,90%);margin:auto}
.skip{color:#102033;position:absolute;top:-70px;background:#fff;padding:12px;z-index:9}
.skip:focus{top:0}
.nav{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #2c4a68}
.brand{font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.brand span{color:#9db6ca;font-weight:400}
.nav nav,.footer nav{display:flex;gap:28px;font-size:14px}
.nav nav a{text-decoration:none}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;min-height:680px;padding-top:80px;padding-bottom:90px}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;display:flex;align-items:center;gap:10px}
.dot{height:7px;width:7px;background:#8fd2f4;border-radius:50%;box-shadow:0 0 0 5px #1f364d}
h1{font-size:clamp(56px,6.6vw,87px);line-height:1.02;letter-spacing:-5px;font-weight:700;margin:25px 0}
h1 em{font-style:normal;color:#8fd2f4}
.intro{font-size:19px;max-width:495px;color:#b8ccdc;line-height:1.65}
.intro strong{font-weight:650;color:#edf5fb}
.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:14px 20px;background:#2f7898;color:#fff;border-radius:9px;text-decoration:none;font-size:14px;font-weight:650;transition:background .2s}
.button:hover{background:#3d91b6}
.text-link{font-size:13px;font-weight:650}
.fine{font-size:12px;color:#9db6ca;margin-top:25px}
.visual{position:relative;min-height:435px;display:flex;align-items:center;justify-content:center}
.orbit{position:absolute;border:1px solid #2c4a68;border-radius:50%;width:430px;height:430px}
.orbit.two{width:330px;height:330px;background:#17283a}
.preview{color:#17283a;position:relative;width:390px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 60px #00000055;transform:rotate(-3deg);z-index:1}
.preview-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#2f7898}
.preview-top span:last-child{font-size:27px;line-height:1}
.preview-title{font-size:29px;font-weight:700;letter-spacing:-1px;margin-top:17px}
.preview>p{font-size:12px;color:#667085;margin-top:0}
.watch-card{display:flex;align-items:center;gap:11px;border:1px solid #d6e2ec;border-radius:12px;padding:12px;margin-top:22px}
.app-symbol{background:#e2eef7;color:#2f7898;font-size:26px;width:42px;height:42px;display:grid;place-items:center;border-radius:10px}
.watch-card strong{font-size:13px}
.watch-card small,.alert-card small{display:block;font-size:10px;color:#667085}
.pill{font-size:9px;font-weight:650;color:#245e78;background:#e4f1f8;border-radius:12px;padding:4px 7px;margin-left:auto}
.chart{padding:22px 0 18px}
.chart-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#667085}
.chart svg{width:100%;height:92px;margin-top:15px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 28px,#eef4f8 29px,#eef4f8 30px)}
.chart-axis{display:flex;justify-content:space-between;font-size:8px;color:#667085}
.alert-card{display:flex;align-items:center;gap:12px;background:#e4f1f8;padding:14px;border-radius:12px}
.alert-card>span{background:#2f7898;color:#fff;border-radius:50%;height:28px;width:28px;display:grid;place-items:center}
.alert-card strong{font-size:12px}
.preview p.illustration-note{font-size:9px;text-align:center;margin:15px 0 0}
.floating-label{color:#102033;position:absolute;right:-4px;bottom:0;z-index:2;transform:rotate(5deg);background:#b6def4;padding:15px 25px;border-radius:12px;font-size:14px;font-weight:700;box-shadow:0 6px 20px #00000033;line-height:1.3}
.floating-label span{float:left;font-size:25px;margin:3px 16px 0 0}
.strip{background:#102033;color:#b8ccdc}
.strip-inner{display:flex;justify-content:space-around;padding:21px 0;font-size:13px;font-weight:550}
.strip-inner span:before{content:'✳';margin-right:14px}
.features{padding:94px 0 72px}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 80px}
.section-heading .eyebrow{grid-column:1/-1;color:#8fd2f4}
.section-heading>p:last-child{color:#b8ccdc;max-width:350px;align-self:end}
h2{font-size:clamp(32px,4vw,47px);letter-spacing:-1.8px;line-height:1.12;margin:12px 0 24px;font-weight:650}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:37px}
.cards article{background:#102033;padding:28px;border-radius:16px;border:1px solid #2c4a68}
.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#1f364d;color:#8fd2f4;font-size:26px}
.cards h3{font-size:19px;letter-spacing:-.5px;margin:26px 0 8px}
.cards p{font-size:14px;color:#b8ccdc;margin:0}
.detail{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:30px 0 70px}
.detail p{font-size:16px;color:#b8ccdc}
.detail .eyebrow{font-size:11px}
.detail p.muted{font-size:12px;color:#9db6ca}
.closing{background:#17283a;border-radius:22px;text-align:center;padding:60px 25px;margin-bottom:65px}
.closing .eyebrow{justify-content:center}
.closing p:not(.eyebrow){max-width:570px;margin:0 auto 25px;color:#b8ccdc}
.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2c4a68;padding:28px 0 35px}
.footer p{font-size:11px;color:#9db6ca}
.footer nav{font-size:12px}
.legal{max-width:780px;padding-top:65px;padding-bottom:80px}
.legal h1{font-size:49px;letter-spacing:-2px;line-height:1.1}
.legal h2{font-size:26px;letter-spacing:-.7px;margin-top:36px}
.legal p,.legal li{color:#b8ccdc}
.legal .note{background:#1f364d;padding:20px;border-radius:12px}
.legal ul{padding-left:22px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:50px;gap:40px}
.hero-copy{max-width:570px}
.hero h1{letter-spacing:-3px}
.visual{max-width:460px;width:100%;margin:auto}
.section-heading,.detail{grid-template-columns:1fr;gap:10px}
.cards{grid-template-columns:1fr}
.features{padding-top:55px}
.detail{padding-bottom:40px}
.strip-inner{font-size:11px;gap:15px}
.strip-inner span:before{display:none}
.section-heading>p:last-child{max-width:500px}
.nav nav{gap:17px;font-size:12px}
}
@media(max-width:450px){.brand{font-size:21px}
.nav nav a:first-child{display:none}
.hero h1{font-size:60px}
.intro{font-size:17px}
.visual{min-height:425px}
.orbit{width:310px;height:310px}
.orbit.two{width:270px;height:270px}
.preview{width:100%;padding:22px;transform:rotate(-2deg)}
.floating-label{right:-5px;bottom:-15px}
.strip-inner{flex-direction:column;align-items:center;gap:5px}
.footer{align-items:flex-start;gap:15px}
.footer nav{flex-direction:column;gap:8px}
.legal h1{font-size:39px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}


/* Crowdstax shared brand treatment, adapted from base-tokens.css and final-polish.css. */
:root{color-scheme:dark;--navy-950:#0a1729;--navy-900:#102033;--river:#2f7898;--accent:#8fd2f4}

.brand img{border-radius:50%;flex:none}
.nav nav a:hover,.footer a:hover{color:var(--accent)}

.hero{position:relative}
.hero-copy{position:relative;z-index:1}
.eyebrow{color:var(--accent)}

.preview{color-scheme:light}
.preview-top{color:var(--river)}

.preview-title{color:#17283a}
.preview .watch-card strong,.preview .alert-card strong{color:#17283a}

.orbit.two{background:radial-gradient(circle,rgba(79,143,184,.22),rgba(16,32,51,.15));box-shadow:0 0 100px rgba(79,143,184,.14)}

.strip{border-block:1px solid rgba(126,182,219,.22)}

.cards article{box-shadow:0 18px 52px rgba(0,0,0,.12)}

.closing{border:1px solid rgba(126,182,219,.22);background:radial-gradient(circle at 50% 0,rgba(79,143,184,.2),transparent 28rem),linear-gradient(180deg,#102033,#0a1729)}

.legal h3{color:#edf5fb}
.legal a{color:#8fd2f4}
.legal strong{color:#edf5fb}
.legal code{color:#d8eaf7}
.legal .note{border:1px solid #2c4a68}