.about-editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:52px;align-items:center}
.workplace-photo,.sharing-photo{margin:0;position:relative;overflow:hidden;border-radius:12px}
.workplace-photo img{width:100%;height:350px;display:block;object-fit:cover;object-position:50% 50%}
.workplace-photo figcaption,.sharing-photo figcaption{position:absolute;bottom:8px;right:10px;font-size:9px;color:#fff;background:#233b506b;padding:2px 6px;border-radius:3px}
.about-editorial h2{font-size:32px;line-height:1.65;letter-spacing:0}.about-editorial p{font-size:15px;color:#60778b;line-height:2.05;margin-top:22px}
.problem-grid{gap:0;margin-top:40px}.problem-grid article{border:0;border-radius:0;box-shadow:none;padding:4px 30px;background:transparent}.problem-grid article:first-child{padding-left:0}.problem-grid article+article{border-left:1px solid #dce5ec}.problem-grid article:hover{transform:none;box-shadow:none;border-color:#dce5ec}.problem-grid .number{font-size:13px;color:#3388cf}.problem-grid h3{font-size:20px;margin:10px 0 12px}.problem-grid p{line-height:1.9}.bridge{margin-top:35px;border-radius:8px;background:#eef6fd}
.feature-layout{grid-template-columns:.9fr 1.15fr;gap:30px}.feature-demo{background:#edf4fa;border:0;border-radius:14px;padding:24px;box-shadow:none}.feature-demo-brand{display:none}.demo-kicker{align-self:flex-start;font-size:12px;color:#466985;margin:0 0 16px;font-weight:600}.demo-sheet{border:0;background:transparent;box-shadow:none;padding:0;border-radius:0}.feature-picture{min-height:290px;padding:0;gap:30px;align-items:center}.feature-pictures{margin-bottom:20px}.actual-phone-shot{width:142px;flex-shrink:0;border:1px solid #cbd9e6;border-radius:9px;overflow:hidden;box-shadow:0 8px 18px #294c6414;background:#fff}.actual-phone-shot img{display:block;width:100%;height:auto}.screen-explanation{text-align:left;color:#274862}.screen-explanation>span{font-size:10px;color:#5e829f}.screen-explanation strong{display:block;font-size:19px;line-height:1.7;margin:8px 0 12px}.screen-explanation p{font-size:12px;line-height:1.9;color:#6c8498}.actual-dashboard-shot{width:100%;aspect-ratio:1904/946;position:relative;overflow:hidden;border:1px solid #d8e2ec;border-radius:8px;box-shadow:0 8px 18px #294c6410}.actual-dashboard-shot img{position:absolute;display:block;width:100.840336%;height:auto;max-width:none;left:0;top:-9.090909%}.sharing-photo{width:100%;border-radius:8px}.sharing-photo img{width:100%;height:290px;object-fit:cover;display:block}.demo-sheet h3{font-size:21px;margin:0 0 8px}.demo-sheet>p{font-size:13px;line-height:1.9;margin:0}.demo-foot{padding-top:16px;margin-top:16px;border-top:1px solid #ceddeb;color:#4e7697}.feature-demo .caption{font-size:10px;margin-top:14px}.feature-tab{border-radius:10px;box-shadow:none!important}.steps article{padding-left:0}.steps article:not(:last-child):after{content:none}
@media(max-width:1100px){.about-editorial{gap:30px}.about-editorial h2{font-size:27px}.feature-layout{grid-template-columns:1fr 1fr;gap:23px}.feature-picture{gap:17px}.screen-explanation strong{font-size:16px}.actual-phone-shot{width:125px}.feature-demo{padding:21px}.screen-explanation p{font-size:11px}}
@media(max-width:800px){.about-editorial{grid-template-columns:1fr;gap:26px}.workplace-photo img{height:auto;aspect-ratio:3/2}.about-editorial h2{font-size:31px}.feature-layout{grid-template-columns:1fr}.feature-picture{gap:30px}.actual-phone-shot{width:145px}.screen-explanation strong{font-size:20px}.screen-explanation p{font-size:13px}.feature-demo{padding:27px}.problem-grid article{padding:4px 18px}.problem-grid h3{font-size:18px}}
@media(max-width:560px){.about-editorial{gap:23px}.about-editorial h2{font-size:26px}.about-editorial p{font-size:14px;margin-top:17px}.problem-grid{margin-top:27px;gap:0}.problem-grid article,.problem-grid article:first-child{padding:22px 0}.problem-grid article+article{border-left:0;border-top:1px solid #dce5ec}.problem-grid h3{font-size:20px}.bridge{margin-top:12px}.feature-demo{padding:21px 17px}.feature-picture{gap:17px;min-height:265px}.actual-phone-shot{width:116px}.screen-explanation strong{font-size:16px}.screen-explanation p{font-size:11px}.sharing-photo img{height:235px}.demo-sheet h3{font-size:20px}.steps article{padding-left:0;min-height:0}}
@media(max-width:370px){.feature-picture{gap:13px}.actual-phone-shot{width:99px}.screen-explanation strong{font-size:14px}.screen-explanation p{font-size:10px}.screen-explanation>span{font-size:9px}}