.detail-page{background:var(--page);color:var(--ink)}.detail-hero{padding-block:85px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.detail-back{display:inline-block;margin-bottom:35px;color:var(--accent-text);font-size:16px}.detail-page h1{font-size:clamp(44px,6vw,82px);letter-spacing:-3px;line-height:1.06;margin:22px 0}.detail-intro{font-size:23px;line-height:1.7;max-width:720px;margin:25px 0 30px;color:#536173}.detail-screen{height:590px;overflow:hidden;border-radius:36px;background:var(--tint)}.detail-screen>.module-app-stage{height:620px;border-radius:0;background:transparent}.detail-screen img{width:100%;height:100%;object-fit:contain}.detail-screen .catalog-phone{width:330px;max-width:90%;top:35px}.detail-note{font-size:14px;line-height:1.7;margin-top:25px;color:#637083}.detail-page h2{font-size:clamp(30px,4vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:18px 0 35px}.detail-page h3{font-size:24px;line-height:1.3;margin:15px 0}.detail-page h4{font-size:19px;line-height:1.4;margin:12px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-grid article,.solution-card{padding:30px;border:1px solid #e3e7eb;border-radius:24px;background:#ffffffb8;min-width:0}.detail-grid p{font-size:18px;line-height:1.7;color:#576477}.detail-grid article>span{color:var(--accent-text)}.detail-benefits,.detail-roles{padding-block:75px;background:#f1f4f6}.detail-flow,.detail-related{padding-block:85px}.detail-roles{background:var(--tint)}.detail-roles .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-channel{display:inline-block;border-radius:30px;background:#eef2f6;padding:7px 13px;font-size:13px}.detail-related .detail-grid{margin-bottom:40px}.detail-related .detail-grid a{padding:24px;background:var(--tint);border-radius:18px;font-size:21px;color:var(--ink)}.solution-card{color:var(--ink)}.solution-card h2{font-size:28px;letter-spacing:-.7px}.solution-card span{display:block;margin-top:28px;color:var(--accent-text)}.solution-directory{margin-top:25px;line-height:1.8}.solution-directory a{display:inline-block;margin:6px 18px 6px 0;font-size:14px}
@media(max-width:760px){.detail-hero{grid-template-columns:1fr;padding-block:40px;gap:25px}.detail-page h1{letter-spacing:-1.8px}.detail-intro{font-size:19px}.detail-grid,.detail-roles .detail-grid{grid-template-columns:1fr}.detail-screen{height:420px}.detail-benefits,.detail-roles,.detail-flow,.detail-related{padding-block:50px}.detail-grid article,.solution-card{padding:25px}}
.detail-web-section{padding-block:65px}.detail-web{border:1px solid #dce3eb;border-radius:24px;background:white;overflow:hidden;box-shadow:0 22px 55px #25334a12}.detail-web-bar{padding:20px 28px;border-bottom:1px solid #e2e7ef;background:#f8fafc;font-size:16px;color:#63718a}.detail-web-content{padding:40px}.detail-web-content>strong{font-size:38px;color:var(--accent-text);display:block;margin:20px 0}.detail-web dl>div{display:flex;justify-content:space-between;padding:20px;border-top:1px solid #edf0f4;font-size:18px}.detail-web dd{margin:0}.detail-web img{width:100%;height:auto;display:block}@media(max-width:760px){.detail-web-content{padding:24px}.detail-web-bar{font-size:13px;padding:16px}.detail-web dl>div{font-size:16px;padding:17px 0}}
.detail-hero{padding-top:48px}@media(max-width:760px){.detail-hero{padding-top:30px}}