
.sg37{background:#f6f7f7;color:#17212a}.sg37-hero{padding:100px max(6vw,45px) 90px;display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center;background:linear-gradient(135deg,#f8f9f8,#e9efeb)}.sg37 h1{font-size:clamp(3rem,5.3vw,5.7rem);line-height:.97;letter-spacing:-.065em;margin:12px 0 25px}.sg37 h1 em{font-family:Georgia,serif;font-weight:400}.sg37 .lead{max-width:760px;color:#68777d;line-height:1.75}.sg-board{background:#17212a;color:#fff;border-radius:15px;padding:18px;box-shadow:0 24px 55px rgba(20,30,35,.12)}.sg-head{display:flex;justify-content:space-between;border-bottom:1px solid #354148;padding-bottom:10px}.sg-head small,.sg-head span{font-size:.38rem;color:#839197}.sg-board article{position:relative;background:#253139;border:1px solid #354249;border-radius:7px;padding:11px;margin-top:7px}.sg-board article b,.sg-board article span{display:block}.sg-board article b{font-size:.51rem}.sg-board article span{font-size:.38rem;color:#94a1a7;margin-top:3px}.sg-board article em{position:absolute;right:9px;top:10px;font-size:.31rem;font-style:normal;border:1px solid #59676e;border-radius:9px;padding:3px 5px}.sg-board article.urgent{border-left:3px solid #b87967}.sg-board article.ok{border-left:3px solid #789681}.sg37-intro{padding:105px max(7vw,55px);display:grid;grid-template-columns:1fr 1fr;gap:90px;max-width:1500px;margin:auto}.sg37-intro h2,.section-head h2,.sg37-levels h2,.sg37-dashboard h2,.sg37-final h2{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1;letter-spacing:-.055em;margin:8px 0}.sg37-intro>div:last-child{padding-top:25px}.sg37-intro p:not(.eyebrow),.sg37-levels>div>p:not(.eyebrow),.sg37-dashboard>div>p:not(.eyebrow),.sg37-final p:not(.eyebrow){color:#6d7b81;line-height:1.75}.sg37-demo{background:#fff;padding:100px max(6vw,45px)}.section-head{max-width:900px;margin-bottom:35px}.section-head>p:not(.eyebrow){color:#728087}.signal-shell{display:grid;grid-template-columns:.72fr 1.28fr;max-width:1250px;margin:auto;border:1px solid #dce2e3;border-radius:12px;overflow:hidden}.rule-builder{background:#eef2f0;padding:24px}.rule-builder label{display:block;font-size:.38rem;color:#718087;margin-bottom:12px}.rule-builder select{display:block;width:100%;margin-top:4px;border:1px solid #d5dddb;border-radius:5px;background:#fff;padding:9px;font-size:.44rem}.rule-builder button{border:0;background:#17212a;color:#fff;border-radius:5px;padding:10px 12px;font-size:.43rem;font-weight:800;cursor:pointer}.rule-builder>small{display:block;font-size:.35rem;color:#849197;margin-top:9px}.signal-preview{padding:28px}.signal-preview>small{font-size:.38rem;color:#829096}.signal-preview h3{font-size:1.45rem;letter-spacing:-.04em;margin:6px 0}.signal-preview>p{font-size:.52rem;color:#718087;line-height:1.65}.preview-flow{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0}.preview-flow span{background:#eef2f0;border-radius:5px;padding:7px;font-size:.38rem;font-weight:700}.preview-flow i{font-style:normal;color:#8b989d;padding:6px 1px}.preview-result{background:#17212a;color:#fff;border-radius:7px;padding:12px;font-size:.43rem}.preview-result.active{background:#314038}.sg37-cases{padding:100px max(6vw,45px)}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.case-grid article{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:20px;min-height:180px}.case-grid span{font-size:1.5rem;color:#d5dcdd;font-weight:800}.case-grid h3{font-size:.85rem}.case-grid p{font-size:.5rem;color:#718087;line-height:1.6}.sg37-levels{background:#17212a;color:#fff;padding:95px max(7vw,55px);display:grid;grid-template-columns:1fr 1fr;gap:70px}.sg37-levels>div>p:not(.eyebrow){color:#9facb1}.level-list p{display:grid;grid-template-columns:35px 1fr;gap:12px;border-bottom:1px solid #354148;padding:12px 0;margin:0}.level-list>p>b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:.42rem;background:#354148}.level-list strong,.level-list small{display:block}.level-list strong{font-size:.53rem}.level-list small{font-size:.4rem;color:#8f9da3;margin-top:2px}.sg37-flow{padding:100px max(6vw,45px);text-align:center}.sg37-flow .section-head{margin-left:auto;margin-right:auto}.flow{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.flow span{background:#fff;border:1px solid #dce2e3;border-radius:6px;padding:11px;font-size:.43rem;font-weight:800}.flow i{font-style:normal;color:#89979d}.sg37-flow>p{max-width:800px;margin:22px auto;color:#718087;font-size:.52rem;line-height:1.7}.sg37-dashboard{background:#e9eeeb;padding:95px max(7vw,55px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dash-mini{background:#fff;border-radius:10px;padding:18px}.dash-mini>small{font-size:.38rem;color:#829096}.dash-mini p{display:grid;grid-template-columns:45px 1fr;border-bottom:1px solid #e1e5e5;padding:10px 0;margin:0;align-items:center}.dash-mini p b{font-size:1.1rem}.dash-mini p span{font-size:.43rem;color:#718087}.dash-mini a{display:inline-block;margin-top:12px;font-size:.43rem;font-weight:800;color:#17212a}.sg37-examples{padding:100px max(6vw,45px)}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.example-grid a{background:#fff;border:1px solid #dfe4e5;border-radius:10px;padding:22px;min-height:225px;text-decoration:none;color:#17212a;display:flex;flex-direction:column}.example-grid small{font-size:.42rem;color:#849197}.example-grid h3{font-size:.9rem}.example-grid p{font-size:.52rem;color:#718087;line-height:1.6}.example-grid span{margin-top:auto;font-size:.49rem;font-weight:800}.sg37-final{margin:35px max(4vw,25px);padding:65px max(5vw,45px);background:#fff;border:1px solid #dfe4e5;border-radius:20px;display:flex;justify-content:space-between;align-items:end;gap:50px}.sg37-final p:not(.eyebrow){max-width:760px}.sg37-final .btn{white-space:nowrap}
@media(max-width:950px){.sg37-hero,.sg37-intro,.signal-shell,.sg37-levels,.sg37-dashboard{grid-template-columns:1fr}.case-grid,.example-grid{grid-template-columns:1fr 1fr}.sg37-final{display:block}.sg37-final .btn{display:inline-block;margin-top:20px}}
@media(max-width:600px){.sg37-hero,.sg37-intro,.sg37-demo,.sg37-cases,.sg37-levels,.sg37-flow,.sg37-dashboard,.sg37-examples{padding:65px 18px}.case-grid,.example-grid{grid-template-columns:1fr}.sg37-final{margin:20px 12px;padding:45px 22px}}
