/* Shared visual system for the Sensi Next.js preview and native WordPress theme. */
.sensi-site { --s-bg:#060b14; --s-panel:#0d1623; --s-line:#243140; --s-text:#eef5fa; --s-muted:#9aaaba; --s-cyan:#54dced; background:var(--s-bg); color:var(--s-text); font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif; font-size:16px; line-height:1.7; overflow:clip; }
.sensi-site *, .sensi-site *::before, .sensi-site *::after { box-sizing:border-box; }
.sensi-site h1,.sensi-site h2,.sensi-site h3,.sensi-site h4,.sensi-site p,.sensi-site ul,.sensi-site ol { margin:0; }
.sensi-site a { color:inherit; text-decoration:none; }
.sensi-site a:focus-visible { outline:2px solid var(--s-cyan); outline-offset:6px; }
.sensi-wrap { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.sensi-site [id] { scroll-margin-top:110px; }
.sensi-header { position:sticky; top:0; z-index:50; background:#060b14f2; border-bottom:1px solid #ffffff0d; backdrop-filter:blur(18px); }
.sensi-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:94px; }
.sensi-logo, .tech-nav a.sensi-logo { display:block; position:relative; overflow:hidden; flex:0 0 240px; width:240px; height:72px; padding:0; border-radius:0; background:transparent; }
.sensi-logo img { position:absolute; width:120%; max-width:none; height:auto; left:-12%; top:50%; transform:translateY(-50%); mix-blend-mode:screen; }
.sensi-header nav { display:flex; gap:28px; font-size:14px; }
.sensi-header nav a { color:#b5c0cc; }
.sensi-header a:hover { color:var(--s-cyan); }
.sensi-header-actions { display:flex; align-items:center; gap:24px; font-size:14px; white-space:nowrap; }
.sensi-small-cta { border-bottom:1px solid #5f7186; padding-block:8px; }
.sensi-small-cta span { margin-left:12px; }
.sensi-skip { position:fixed; top:-100px; left:20px; z-index:100; background:#54dced; color:#060b14!important; padding:10px 20px; }
.sensi-skip:focus { top:10px; }
.sensi-hero { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:72px; padding-block:104px 100px; }
.sensi-kicker { color:#7fa1b5; font-size:12px; font-weight:600; letter-spacing:.15em; line-height:1.7; }
.sensi-hero h1 { margin-top:27px; font-size:clamp(36px,3.7vw,56px); font-weight:500; line-height:1.35; letter-spacing:-.055em; }
.sensi-hero h1 em { font-style:normal; color:#74d9e8; }
.sensi-intro { max-width:505px; margin-top:26px!important; color:#aebbc8; font-size:17px; line-height:1.95; }
.sensi-button { display:inline-flex; gap:38px; align-items:center; margin-top:34px; padding:12px 22px; color:#031017!important; background:#69ddec; border:1px solid #69ddec; border-radius:3px; font-size:15px; font-weight:600; transition:background .2s; }
.sensi-button:hover { background:#a3eff8; }
.sensi-caption { display:flex; gap:9px; align-items:center; margin-top:38px!important; color:#7f91a3; font-size:12px; }
.sensi-caption > span { width:5px; height:5px; border-radius:50%; background:#63c9cb; }
.sensi-system { position:relative; padding:25px 28px; background:linear-gradient(150deg,#16223355,#07101c); border-top:1px solid #536a7b; border-bottom:1px solid #263747; }
.sensi-system::before { content:''; position:absolute; inset:-60px; background:radial-gradient(ellipse,#31809e16,transparent 65%); pointer-events:none; }
.sensi-system-heading { display:flex; justify-content:space-between; color:#7e96a8; font:11px/1.7 Consolas,monospace; letter-spacing:.08em; padding-bottom:27px; }
.sensi-system-business,.sensi-system-data { position:relative; display:flex; align-items:center; gap:17px; padding:20px 0; }
.sensi-system-icon { display:grid; place-items:center; width:48px; height:48px; border:1px solid #40637b; border-radius:10px; color:#78e2ed; font:26px/1 Consolas,monospace; background:#112838; }
.sensi-system small { color:#768f9f; font:10px/1.6 Consolas,monospace; letter-spacing:.11em; }
.sensi-system h2 { font-size:22px; font-weight:500; margin-top:4px; }
.sensi-system b { margin-left:auto; color:#8aaabc; font-weight:400; }
.sensi-system-modules,.sensi-system-nodes { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:10px; }
.sensi-system-modules span,.sensi-system-nodes span { padding:6px 11px; border:1px solid #253749; color:#a0b7c7; font-size:12px; }
.sensi-system-bridge { display:flex; align-items:center; justify-content:center; gap:15px; padding:34px 0 15px; color:#58b6c7; font:11px/1.5 Consolas,monospace; }
.sensi-system-bridge i { height:1px; flex:1; background:linear-gradient(90deg,#65ccdd55,#65ccdd11); }
.sensi-system-note { color:#768898; font-size:12px; margin-top:20px!important; }
.sensi-clients { padding:28px 0 38px; background:#0a101a; border-block:1px solid #ffffff0b; }
.sensi-clients .sensi-kicker { color:#7f91a2; }
.sensi-client-list { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 30px; margin-top:23px; }
.sensi-client-list span { color:#c0cbd5; font-size:16px; font-weight:600; letter-spacing:.02em; }
.sensi-client-list span:nth-child(3),.sensi-client-list span:nth-child(5) { font-size:14px; }
.sensi-products { padding-top:96px; }
.sensi-section-heading { display:grid; grid-template-columns:1.3fr 1fr; column-gap:90px; }
.sensi-section-heading .sensi-kicker { grid-column:1/-1; margin-bottom:20px; }
.sensi-section-heading h2,.sensi-connect-heading h2,.sensi-about h2 { font-size:clamp(28px,2.5vw,38px); line-height:1.45; font-weight:500; letter-spacing:-.04em; }
.sensi-section-heading > p:last-child { color:var(--s-muted); font-size:16px; }
.sensi-product-row { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:100px; padding:78px 0; border-bottom:1px solid var(--s-line); }
.sensi-product-index { color:#7da6b8; font:12px/1.7 Arial,'Microsoft YaHei',sans-serif; letter-spacing:.12em; }
.sensi-product-copy h3 { margin-top:15px; margin-bottom:19px; font-size:36px; font-weight:500; letter-spacing:-.04em; }
.sensi-product-copy > p { color:var(--s-muted); font-size:16px; line-height:1.95; }
.sensi-product-copy ul { display:flex; flex-wrap:wrap; gap:8px 19px; padding:0; margin:23px 0; list-style:none; color:#b7c6d3; font-size:13px; }
.sensi-product-copy li::before { content:'+'; color:#62cddd; margin-right:7px; }
.sensi-product-links { display:flex; align-items:center; flex-wrap:wrap; gap:25px; }
.sensi-text-link { color:#75d9e5!important; padding-bottom:5px; border-bottom:1px solid #417280; font-size:15px; }
.sensi-local-link { color:#91a1b3!important; font-size:13px; border-bottom:1px dotted #526576; }
.sensi-local-note { color:#8094a5; font-size:12px; margin-top:12px!important; max-width:430px; }
.sensi-workspace,.sensi-stream { padding:25px 30px; background:#101a28; border:1px solid #2c3b4b; border-radius:7px; box-shadow:0 24px 50px #0003; }
.sensi-preview-top { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; padding-bottom:20px; border-bottom:1px solid #283644; color:#7990a5; font:11px/1.5 Consolas,Arial,sans-serif; }
.sensi-workspace h4,.sensi-stream h4 { font-size:20px; font-weight:500; margin-top:24px; }
.sensi-workspace > p,.sensi-stream > p { font-size:12px; color:#8c9dad; margin-top:3px; }
.sensi-module-list { margin-top:21px; }
.sensi-module-list > div { display:flex; align-items:center; gap:15px; padding:11px 0; border-top:1px solid #ffffff0a; }
.sensi-module-list span { color:#667f96; font:12px/1.7 Consolas,monospace; }
.sensi-module-list span:last-child { margin-left:auto; color:#69c8da; }
.sensi-module-list strong { font-size:14px; font-weight:400; color:#cbd8e3; }
.sensi-product-reverse .sensi-product-copy { order:2; }
.sensi-stream { background:#0c1b23; border-color:#27424c; }
.sensi-stream-line { display:grid; grid-template-columns:repeat(3,1fr); margin-top:25px; gap:12px; }
.sensi-stream-line > div { display:flex; flex-direction:column; padding-top:12px; border-top:1px solid #43838f; }
.sensi-stream-line span { color:#608b9b; font:12px/1.7 Consolas,monospace; }
.sensi-stream-line strong { font-size:14px; font-weight:400; margin-top:6px; }
.sensi-stream-line small { color:#7f9dab; font:11px/1.5 Consolas,monospace; margin-top:7px; }
.sensi-code { margin-top:29px; padding:18px; background:#081219; border-left:2px solid #3da6b4; color:#6e95a5; font:12px/1.7 Consolas,monospace; }
.sensi-code p { margin:7px 0; color:#abd8dd; font-size:14px; }
.sensi-connectivity { padding:84px 0; background:#0a121e; }
.sensi-connect-heading { display:grid; grid-template-columns:1.3fr 1fr; gap:90px; }
.sensi-connect-heading h2 { margin-top:19px; max-width:550px; }
.sensi-connect-heading > p { align-self:end; color:var(--s-muted); line-height:1.9; }
.sensi-flow { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:0; margin-top:52px!important; }
.sensi-flow li { position:relative; border-top:1px solid #3e657a; padding:24px 16px 0 0; }
.sensi-flow li::before { content:''; position:absolute; width:7px; height:7px; top:-4px; left:0; background:#76cedb; border-radius:50%; }
.sensi-flow li > span { color:#608fa3; font:12px/1.5 Consolas,monospace; }
.sensi-flow h3 { margin-top:10px; font-size:18px; font-weight:500; }
.sensi-flow p { color:#879eae; font-size:12px; margin-top:5px; }
.sensi-fineprint { color:#718495; font-size:12px; margin-top:28px!important; }
.sensi-about { display:grid; grid-template-columns:1.3fr 1fr; gap:90px; padding-block:94px; }
.sensi-about h2 { margin-top:20px; white-space:pre-line; }
.sensi-about > div:last-child { padding-top:39px; color:var(--s-muted); }
.sensi-about > div:last-child span { display:block; margin-top:25px; font-size:12px; color:#6caaba; }
.sensi-contact { background:#12202c; padding:66px 0; }
.sensi-contact h2 { font-size:clamp(27px,2.6vw,38px); font-weight:500; line-height:1.5; margin-top:17px; }
.sensi-contact p:not(.sensi-kicker) { color:#9bb0c0; margin-top:14px; }
.sensi-contact .sensi-wrap > a { display:inline-flex; gap:60px; font-size:20px; color:#8ae2e9; border-bottom:1px solid #4b8a99; margin-top:27px; padding-bottom:7px; }
.sensi-contact-meta { display:flex; gap:28px; flex-wrap:wrap; margin-top:28px; color:#a7bac9; font-size:14px; overflow-wrap:anywhere; }
.sensi-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; padding-block:27px; color:#7a8e9f; font-size:12px; }
.sensi-article { min-height:60vh; max-width:820px; padding-block:70px; }
.sensi-article h1 { font-size:36px; line-height:1.45; margin-bottom:28px; }
.sensi-article p { margin-block:18px; }
.sensi-article img { max-width:100%; height:auto; }
.sensi-article a { color:#74d9e8; }
.sensi-article h2 { margin-top:38px; font-size:26px; }
.sensi-article ul,.sensi-article ol { padding-left:24px; }
.sensi-post-item { border-bottom:1px solid #243140; padding-block:25px; }
@media(min-width:1500px) { .sensi-hero { padding-block:125px; } }
@media(max-width:1100px) {
 .sensi-wrap { width:calc(100% - 56px); }
 .sensi-header-inner { gap:18px; }
 .sensi-logo,.tech-nav a.sensi-logo { width:195px; flex-basis:195px; height:60px; }
 .sensi-header nav { gap:18px; }
 .sensi-header-actions { gap:18px; }
 .sensi-hero { gap:40px; padding-block:75px; }
 .sensi-product-row { gap:50px; }
 .sensi-section-heading,.sensi-connect-heading,.sensi-about { gap:40px; }
}
@media(max-width:800px) {
 .sensi-header-inner { flex-wrap:wrap; gap:0 16px; padding-top:5px; }
 .sensi-header nav { order:3; width:100%; justify-content:space-between; padding:8px 0 13px; border-top:1px solid #ffffff08; }
 .sensi-header-actions { margin-left:auto; }
 .sensi-hero { grid-template-columns:1fr; padding-block:58px; gap:44px; }
 .sensi-hero-copy { max-width:640px; }
 .sensi-hero h1 { font-size:clamp(36px,6.4vw,54px); }
 .sensi-system { max-width:640px; width:100%; }
 .sensi-client-list { justify-content:flex-start; }
 .sensi-section-heading,.sensi-connect-heading,.sensi-about { grid-template-columns:1fr; gap:20px; }
 .sensi-section-heading .sensi-kicker { margin:0; }
 .sensi-product-row { grid-template-columns:1fr; gap:34px; padding-block:50px; }
 .sensi-product-reverse .sensi-product-copy { order:0; }
 .sensi-products { padding-top:60px; }
 .sensi-about,.sensi-connectivity { padding-block:60px; }
 .sensi-about > div:last-child { padding:0; }
 .sensi-flow { grid-template-columns:repeat(2,1fr); row-gap:30px; }
}
@media(max-width:440px) {
 .sensi-wrap { width:calc(100% - 36px); }
 .sensi-logo,.tech-nav a.sensi-logo { flex-basis:166px; width:166px; height:57px; }
 .sensi-header-actions { gap:12px; font-size:12px; }
 .sensi-small-cta span { margin-left:3px; }
 .sensi-header nav { font-size:13px; }
 .sensi-hero h1 { font-size:34px; }
 .sensi-system,.sensi-workspace,.sensi-stream { padding:20px; }
 .sensi-system h2 { font-size:20px; }
 .sensi-system-modules { gap:5px; }
 .sensi-system-modules span { font-size:11px; padding:5px 8px; }
 .sensi-product-copy h3 { font-size:30px; }
 .sensi-client-list { gap:18px 24px; }
 .sensi-stream-line { gap:8px; }
 .sensi-stream-line strong { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .sensi-site *, .sensi-site *::before, .sensi-site *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.sensi-footer-more { display:flex; width:100%; flex-wrap:wrap; gap:14px 24px; padding-bottom:12px; font-size:13px; }
.sensi-footer-more:empty { display:none; }