.sh21{background:#f6f7f7;color:#17212a}.sh21-hero{padding:100px max(6vw,45px) 85px;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;background:linear-gradient(135deg,#f7f8f7,#edf1ee)}.sh21-hero h1{font-size:clamp(3.2rem,5.6vw,6rem);line-height:.96;letter-spacing:-.065em;margin:12px 0 25px}.sh21-hero h1 em,.sh21-logic h2 em{font-family:Georgia,serif;font-weight:400}.sh21-hero p:not(.eyebrow){max-width:760px;color:#68757c;line-height:1.75}.sh21-hero aside{background:#17212a;color:#fff;border-radius:15px;padding:27px;display:grid;grid-template-columns:auto 1fr;gap:5px 16px;align-items:end}.sh21-hero aside>small{grid-column:1/-1;color:#829097;font-size:.53rem;letter-spacing:.1em;margin-bottom:10px}.sh21-hero aside b{font-size:2rem}.sh21-hero aside span{font-size:.6rem;color:#a7b2b7;padding-bottom:5px}.sh21-feature{max-width:1400px;margin:auto;padding:110px 35px;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.feature-copy>small{font-size:.55rem;color:#849198;letter-spacing:.1em}.feature-copy h2{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.05em;margin:10px 0 15px}.feature-copy>p{font-size:.7rem;color:#6e7b82;line-height:1.7}.feature-copy ul{list-style:none;padding:10px 0;margin:0 0 20px}.feature-copy li{font-size:.63rem;padding:7px 0;border-bottom:1px solid #dce1e3}.feature-copy li:before{content:"✓";margin-right:9px}.feature-screen{background:#17212a;padding:9px;border-radius:15px;box-shadow:0 28px 60px rgba(20,30,35,.14)}.fbar{height:34px;background:#283239;border-radius:9px 9px 0 0;display:flex;align-items:center;gap:6px;padding:0 10px}.fbar i{width:7px;height:7px;background:#66747b;border-radius:50%}.fbar span{margin-left:auto;font-size:.48rem;color:#849198}.fcontent{background:#f7f8f8;min-height:390px;border-radius:0 0 9px 9px;display:grid;grid-template-columns:135px 1fr}.fcontent nav{background:#202a31;padding:25px 12px;display:flex;flex-direction:column;gap:5px}.fcontent nav span,.fcontent nav b{font-size:.56rem;color:#87959c;padding:8px}.fcontent nav b{background:#354149;color:#fff;border-radius:6px}.fcontent article{padding:38px}.fcontent article>small{font-size:.5rem;color:#8a969c}.fcontent h3{font-size:1.5rem;margin:5px 0 25px}.fkpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fkpis b{background:#fff;border:1px solid #e1e5e6;border-radius:8px;padding:14px;font-size:1.25rem}.fkpis small{display:block;font-size:.45rem;color:#8b979c;font-weight:400}.fcontent article>p{background:#fff;border-bottom:1px solid #e5e8e9;margin:0;padding:13px;font-size:.58rem;display:flex;justify-content:space-between}.fcontent article>p:first-of-type{margin-top:13px}.fcontent article>p span{color:#87949a}.sh21-catalog{background:#fff;padding:105px max(5vw,35px)}.section-head{max-width:900px;margin-bottom:45px}.section-head h2{font-size:clamp(2.4rem,4vw,4rem);letter-spacing:-.05em;margin:8px 0 15px}.section-head>p:not(.eyebrow){color:#718087;line-height:1.7}.demo-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.demo-grid a{min-height:245px;border:1px solid #dfe4e5;border-radius:11px;padding:23px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.18s}.demo-grid a:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(20,30,35,.06)}.demo-grid small{font-size:.53rem;letter-spacing:.09em;color:#89969c}.demo-grid h3{font-size:1rem;margin:32px 0 9px}.demo-grid p{font-size:.62rem;line-height:1.6;color:#748188}.demo-grid span{margin-top:auto;font-size:.62rem;font-weight:750}.demo-grid .webcard{background:#17212a;color:#fff;border-color:#17212a}.demo-grid .webcard p,.demo-grid .webcard small{color:#9eabb1}.sh21-logic{padding:110px max(6vw,45px);display:grid;grid-template-columns:.8fr 1.2fr;gap:30px 70px;align-items:end}.sh21-logic h2{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1;letter-spacing:-.055em;margin:8px 0}.logic-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.logic-flow span{background:#fff;border:1px solid #dce2e3;border-radius:8px;padding:14px;font-size:.59rem}.logic-flow i{font-style:normal;color:#87949a}.sh21-logic>p{grid-column:2;font-size:.7rem;color:#718087;line-height:1.7;max-width:760px}.sh21-cta{margin:0 max(4vw,25px) 35px;background:#e8edea;border-radius:20px;padding:65px max(5vw,45px);display:flex;justify-content:space-between;gap:50px;align-items:end}.sh21-cta h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.05em;margin:8px 0}.sh21-cta p:not(.eyebrow){color:#68757c}
@media(max-width:1000px){.sh21-hero,.sh21-feature,.sh21-logic{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr 1fr}.sh21-logic>p{grid-column:1}.sh21-cta{display:block}.sh21-cta .btn{margin-top:20px}}
@media(max-width:600px){.sh21-hero{padding:70px 20px}.sh21-feature,.sh21-catalog,.sh21-logic{padding:70px 18px}.feature-screen{display:none}.demo-grid{grid-template-columns:1fr}.sh21-cta{margin:0 12px 20px;padding:45px 22px}}