/* WEITONG / Signal — graphite, electric lime, and precise geometry. */
:root{color-scheme:dark;--ink:#f1f3e9;--muted:#a2aaa5;--paper:#101311;--line:#303932;--orange:#c4f46b;--lime:#c4f46b;--green:#c4f46b;--surface:#191f1b}
body{background:#101311;background-image:radial-gradient(ellipse at 85% 0,#b5ed4c09,transparent 35%)}
::selection{background:#c4f46b;color:#101311}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.055em}
.brand-mark{color:var(--lime)}.brand-word{letter-spacing:-.7px}.brand-word small{color:#929d92}
.site-header{height:88px;background:#101311f5;border-bottom-color:#303932}.header-inner{gap:28px}
.nav{font-size:12px;gap:30px}.nav a{color:#b8c0b8}.nav a:hover,.nav a.active{color:var(--lime)}
.nav a.active:after{height:2px;width:18px;border-radius:0;left:calc(50% - 9px);bottom:-7px}
.button,.button.orange,.button.light{background:var(--lime);color:#16200d;border-radius:2px;padding:16px 23px;font-weight:700;border:1px solid var(--lime)}
.button:hover,.button.orange:hover,.button.light:hover{background:#d4ff85;border-color:#d4ff85;box-shadow:0 0 25px #c4f46b15;transform:translateY(-2px)}
.button.outline{background:transparent;color:var(--ink);border-color:#566251}.button.outline:hover{background:#273124}
.text-link:hover{color:var(--lime)}.text-link .icon{color:var(--lime)}.eyebrow{font:11px/1.6 Consolas,'Courier New',monospace;letter-spacing:1.7px;color:#b3c1a8}
.eyebrow:before{border-radius:0;width:6px;height:6px;box-shadow:0 0 12px #c4f46650}
.hero{gap:38px;padding:82px 0 77px;min-height:700px;grid-template-columns:1.1fr 1fr;position:relative}
.hero:before{content:'';position:absolute;inset:0 -25px;z-index:-1;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent 95%)}
.hero h1{text-transform:uppercase;font-size:clamp(44px,4.8vw,69px);line-height:1.03;letter-spacing:-.065em;font-weight:800}
.hero h1 span{display:inline;color:var(--lime)}.hero-copy>p{font-size:15px;line-height:1.9;max-width:400px;margin-top:27px}
.hero-note{font:10px/1.6 Consolas,monospace;color:#9ca797;margin-top:30px}.hero-note .icon{color:var(--lime)}
.hero-art{height:465px;transform:none;max-width:510px;background-image:radial-gradient(#819b5530 .8px,transparent .8px);background-size:18px 18px}
.orbit{border-radius:8px;width:365px;height:365px;left:calc(50% - 182px);top:43px;transform:rotate(15deg);border-color:#c4f46b28}
.orbit:before,.orbit:after{border-radius:8px;border-color:#c4f46b19}.orbit:before{inset:30px}.orbit:after{inset:-27px}
.orb{background:#bdf058;filter:blur(75px);opacity:.075;left:80px;top:80px;width:300px;height:300px}
.dashboard{top:88px;left:3px;right:8px;transform:none;background:#1b241c;border:1px solid #4c5e3b;border-radius:4px;box-shadow:0 25px 65px #0006}
.dash-top{background:#242e22;border-bottom-color:#394431;font-family:Consolas,monospace;font-size:10px}.dash-top>span:last-child{color:#9cae8e}
.dash-body{padding:23px 24px 19px}.dash-value{font-family:Manrope,Arial,sans-serif;color:#edf4dd;font-size:34px}.dash-value small{background:#36472a;color:var(--lime);border-radius:2px}
.dash-label{color:#a7b89a}.chart-labels{color:#93a183;font-family:Consolas,monospace}.dash-bottom{border-color:#394431;color:#a5b198}.dash-bottom strong{color:#f1f3e9}
.float-card{background:#232d20;border-color:#45543b;border-radius:4px;box-shadow:0 12px 35px #0005}
.revenue-card{top:18px;right:8px;transform:none;font-family:Consolas,monospace;font-size:9px;padding:13px 16px}.revenue-card b{font-family:Manrope,Arial,sans-serif;font-size:12px}
.mini-icon{background:#3a4b28;color:var(--lime);border-radius:3px}.ad-card{left:-14px;bottom:0;transform:rotate(-5deg);width:164px}.ad-art{border-radius:2px;background:#303e22}
.ad-art:before{background:#628335}.ad-art:after{background:#c4f46b}.ad-art .icon{color:#d3fc9a}.ad-card>span{background:var(--lime);color:#182111;border-radius:1px}
.growth-card{right:-9px;bottom:3px;transform:rotate(4deg);width:169px;background:#c4f46b;color:#15220e}.growth-card small{color:#435b2b}.growth-card b{font-size:22px}.bars i{background:#739644;border-radius:0}.bars i:last-child{background:#1a2c0f}
.sparkle{font-size:36px;right:auto;left:14px;top:2px}.art-caption{color:#9daa91;font-family:Consolas,monospace;bottom:-32px}
.audience-strip{background:#171d17;border-color:#35402c;padding:24px 0}.audience-label{font:10px/1.7 Consolas,monospace;text-transform:uppercase;letter-spacing:.5px}.audience-item{color:#b7c2b0;font-size:13px}.audience-item .icon{color:#8da574;width:23px}
.section{padding:91px 0}.section-head h2{font-size:43px;line-height:1.16}.section-head p{color:#a2aaa5}
.cards{gap:18px}.solution-card{border-radius:3px;border-color:#374030;background:#191f19;position:relative;padding:31px;min-height:310px}.solution-card:after{content:'01';position:absolute;top:34px;right:27px;font:11px Consolas,monospace;color:#81936f}.solution-card:nth-child(2):after{content:'02'}.solution-card:nth-child(3):after{content:'03'}
.solution-card:hover{border-color:#94be50;background:#1f291b;transform:translateY(-4px)}.card-icon,.solution-card:nth-child(2) .card-icon,.solution-card:nth-child(3) .card-icon{border-radius:3px;background:#293522;color:var(--lime);border:1px solid #405032;margin-bottom:38px}.solution-card .text-link{padding-top:20px;border-top:1px solid #35402d;color:#dbeacb}.solution-card h3{font-size:23px}.solution-card p{font-size:13px}
.section-tinted{background:#191f19;border-block:1px solid #2d3729}.ecosystem{border-radius:3px;border-color:#435435;background:#101710;background-image:linear-gradient(#b3d48c08 1px,transparent 1px),linear-gradient(90deg,#b3d48c08 1px,transparent 1px);background-size:25px 25px;height:360px}
.eco-ring,.eco-ring:after{border-color:#5e794140;border-radius:12px;transform:rotate(45deg)}.eco-center{border-radius:10px;background:var(--lime);color:#15250c;box-shadow:0 0 50px #c4f46b1f}.eco-center .brand-mark{color:inherit}
.eco-pill{background:#24301f;border-color:#495d3b;border-radius:3px;color:#dbeacc;box-shadow:0 8px 20px #0003}.eco-pill .icon{color:var(--lime)}.check-list .icon{color:var(--lime)}
.steps{gap:35px}.step{border-top:1px solid #5f7746;padding-top:23px}.step>span{background:transparent;padding:0;border-radius:0;font:32px/1.2 Consolas,monospace;color:var(--lime);margin-bottom:27px}.step h3{font-size:24px}.step p{font-size:14px}
.article-card{border-radius:3px;background:#191f19;border-color:#374030}.article-card:hover{border-color:#96ba66}.article-art{height:207px}.article-art.peach{background:#343c25}.article-art.sage{background:#253526}.article-art.blue{background:#253632}.article-meta{font:9px/1.5 Consolas,monospace;color:#bac7ac}.article-content h3{font-weight:600;font-size:20px}.article-content>.text-link{color:#c4f46b}
.cta{background:#c4f46b;color:#17210f;border-radius:4px;padding:55px 58px;isolation:isolate}.cta:after{border-color:#1c350e20;border-radius:0;transform:rotate(32deg);width:330px;height:330px;right:250px;top:-120px;z-index:-1}.cta:before{content:'↗';position:absolute;font:300px/.8 Arial,sans-serif;color:#182b0d0d;right:12px;top:0;z-index:-1}.cta h2{font-weight:750;font-size:37px}.cta p{color:#3c532b}.cta .button{background:#182310;color:#d9ffa4;border-color:#182310}.cta .button:hover{background:#30451e}
.footer{background:#0c100d;border-top-color:#303932;padding-top:58px}.footer h4{color:#c2d0b4;font-family:Consolas,monospace;text-transform:uppercase;letter-spacing:1px;font-size:10px}.footer-links{color:#a6b09d}.footer-links a:hover{color:var(--lime)}.footer-bottom{font-family:Consolas,monospace;color:#8e9b85}.footer-bottom i{background:var(--lime)}
.page-hero{max-width:960px;padding:80px 0 68px}.page-hero h1{font-weight:750;font-size:clamp(42px,5.3vw,70px);line-height:1.08}.page-hero .eyebrow{margin-bottom:25px}.page-hero>p{max-width:670px;font-size:16px}
.feature-block{padding:70px 0}.feature-visual{border-radius:4px;background:#202b1c;background-image:radial-gradient(#c4f46b16 1px,transparent 1px);background-size:16px 16px;border:1px solid #455936}.visual-row{background:#142012;border-color:#4b6539;border-radius:3px;color:#e5f3d7;box-shadow:0 8px 25px #0002}.visual-row .icon{color:var(--lime)}.visual-row span{color:#a7b99a}.visual-row:first-child{transform:translateX(-9px)}.visual-row:last-child{transform:translateX(9px)}
.faq details{border-bottom-color:#3b4734}.faq summary:after{color:var(--lime)}.value{border-top-color:#536841}.value>.icon{color:var(--lime)}
.about-banner{border-radius:3px;background:#202d1c;border:1px solid #455e32}.about-banner p{color:#b9cda7}.about-banner .brand-mark{color:var(--lime)}
.map-art{border-radius:3px;background:#243021;border:1px solid #405435}.map-tag{border-radius:2px;color:var(--ink);background:#192b16;border-color:#5a773f;box-shadow:0 6px 25px #0005}
.filters{gap:10px}.filter{border-radius:2px;background:#192016;border-color:#455239;color:#b9c9a8;font-size:12px;padding:10px 20px}.filter:hover{border-color:var(--lime)}.filter.active{background:var(--lime);border-color:var(--lime);color:#17210f}
.article-header h1{font-weight:750}.article-body h2{color:#e1edcf}.article-callout{background:#25311e;color:#d3e4bc;border-left:3px solid var(--lime)}.article-body .article-art{border-radius:3px}
.contact-form{border-radius:4px;background:#192017;border-color:#45573a;padding:36px}.contact-form h2{font-size:27px}.contact-copy h1{font-weight:750}.field label{color:#ccd8be}.field input,.field textarea,.field select{border-radius:2px;background:#11180f;border-color:#46583c;color:#edf3e4}.field input::placeholder,.field textarea::placeholder{color:#8b9a7e}.field input:hover,.field textarea:hover,.field select:hover{border-color:#8fae64}.form-note{color:#a9b89b}.form-status{background:#2d4121;color:#dbf1bc;border:1px solid #638346;border-radius:2px}.skip-link{background:var(--lime);color:#17210f}
@media(min-width:1500px){.hero-art{transform:none}}
@media(max-width:1100px){.nav{gap:18px}.header-inner{gap:20px}.hero{gap:28px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:53px}.hero-art{transform:scale(.95);transform-origin:right center}.hero-actions{flex-wrap:wrap;gap:20px}.hero .orbit{width:320px;height:320px;left:calc(50% - 160px)}.section-head h2{font-size:39px}.solution-card{padding:25px}.solution-card h3{font-size:20px}.solution-card:after{right:22px}.cta{padding:43px}.cta h2{font-size:34px}}
@media(max-width:850px){.site-header{height:78px}.nav{top:77px;background:#131a11;border-color:#435537;box-shadow:0 15px 30px #0005}.menu-toggle{color:#c4f46b}.hero{grid-template-columns:minmax(0,1fr);padding:59px 0 66px;gap:35px}.hero h1{font-size:66px}.hero-copy>p{max-width:530px}.hero-art{transform:none;width:100%;height:465px}.hero .orbit{width:365px;height:365px;left:calc(50% - 182px)}.hero-actions{flex-wrap:nowrap}.hero-art .ad-card{left:0}.hero-art .growth-card{right:0}.section-head h2{font-size:35px}.section{padding:66px 0}.solution-card{padding:22px}.solution-card h3{font-size:19px}.solution-card:after{top:25px;right:20px}.card-icon{width:40px;height:40px}.ecosystem{height:325px}.cta h2{font-size:29px}.contact-form{padding:32px}}
@media(max-width:600px){.header-inner{gap:6px}.button{padding:14px 18px}.hero{padding:45px 0 58px;gap:31px}.hero h1{font-size:clamp(32px,9.5vw,51px);letter-spacing:-.065em;line-height:1.08}.hero-copy>p{font-size:14px;line-height:1.8;margin:23px 0 25px}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero-note{font-size:9px;gap:12px}.hero-actions{gap:20px}.hero-art{height:360px;max-width:380px;background-size:15px 15px}.hero .orbit{width:255px;height:255px;top:50px;left:calc(50% - 127px)}.orbit:after{inset:-19px}.orb{width:190px;height:190px;left:70px;filter:blur(45px)}.dashboard{top:73px;left:0;right:0}.dash-top{padding:10px 12px;font-size:8px}.dash-body{padding:14px 15px 12px}.dash-value{font-size:27px}.dash-value small{font-size:7px}.dash-bottom{gap:24px;font-size:7px}.dash-bottom strong{font-size:10px}.revenue-card{top:10px;right:0;font-size:7px;padding:9px 12px}.revenue-card b{font-size:10px}.ad-card{width:127px;bottom:-2px}.growth-card{width:132px;bottom:-1px}.growth-card b{font-size:19px}.sparkle{left:9px;top:7px;font-size:31px}.art-caption{font-size:7px;letter-spacing:1px;left:calc(50% - 95px);bottom:-32px}.audience-strip{padding:24px 0}.audience-label{font-size:9px}.audience-item{font-size:10px}.audience-item .icon{width:19px}.section{padding:57px 0}.section-head h2{font-size:33px}.solution-card{padding:28px;min-height:285px}.solution-card h3{font-size:23px}.solution-card:after{top:30px;right:27px}.card-icon,.solution-card:nth-child(2) .card-icon,.solution-card:nth-child(3) .card-icon{margin-bottom:27px;width:45px;height:45px}.solution-card .text-link{padding-top:19px}.ecosystem{height:305px}.eco-center{width:82px;height:82px}.step>span{font-size:28px;margin-bottom:20px}.step h3{font-size:24px}.step p{font-size:13px}.article-art{height:195px}.article-content h3{font-size:22px}.cta{padding:34px 26px;margin-bottom:53px}.cta h2{font-size:30px}.cta .button{margin-top:25px}.footer{padding-top:42px}.footer-grid{gap:32px 20px}.page-hero{padding:48px 0}.page-hero h1{font-size:42px}.page-hero>p{font-size:15px}.feature-block{padding:42px 0}.feature-visual{min-height:260px}.contact-form{padding:23px}.contact-copy h1{font-size:43px}.contact-form h2{font-size:25px}.form-grid{gap:19px}.about-banner{padding:30px}.filter{padding:9px 14px}.article-header h1{font-size:37px}}
@media(max-width:600px){.hero:before{inset:0}}
@media(max-width:360px){.hero h1{font-size:31px}.hero .orbit{width:220px;height:220px;left:calc(50% - 110px);top:60px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-note{flex-wrap:wrap}.hero-art{height:355px}.dash-bottom{gap:17px}.dash-top>span:last-child{font-size:7px}.ad-card{width:119px}.growth-card{width:120px}.growth-card b{font-size:18px}.hero-art .growth-card{right:2px}.hero-art .ad-card{left:2px}.hero-art .sparkle{font-size:27px}}