/* 機能カード：番号を読みやすく、実画面と図解を主役にする */
#features .feature-card .number{display:grid;place-items:center;width:76px;height:44px;margin:0 0 19px;border:1px solid #c9ddff;border-radius:999px;background:linear-gradient(135deg,#ecf4ff,#daeaff);color:#1f5eea!important;font-size:25px!important;font-weight:900;letter-spacing:.03em;line-height:1}
#features .feature-large{gap:38px;padding:42px 46px}
#features .feature-large h3{font-size:clamp(26px,2.65vw,34px);line-height:1.48;margin:0 0 13px;letter-spacing:-.035em}
#features .feature-large .feature-copy>p:not(.number){line-height:1.85}
.feature-capture{height:345px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:11px;padding:16px 18px 0;border:1px solid #d8e6f8;border-radius:20px;background:radial-gradient(circle at 76% 15%,#dcecff,transparent 39%),linear-gradient(145deg,#f8fbff,#eaf3ff);overflow:hidden}
.feature-capture:after{display:none}
.feature-capture-label{align-self:flex-start;color:#245ed4;font-size:12px;font-weight:900;letter-spacing:.05em}
.feature-capture-window{width:min(100%,330px);height:288px;overflow:hidden;border:1px solid #cbd9ec;border-bottom:0;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 18px 35px rgba(23,61,122,.19)}
.feature-capture-head{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#2463df;color:#fff;font-size:14px;font-weight:800}
.feature-capture-head span{font-size:18px;font-weight:400}
.feature-capture-body{height:240px;overflow:hidden}
.feature-capture-body img{display:block;width:100%;height:auto;margin-top:-71px}
#features .feature-card:not(.feature-large){display:flex;flex-direction:column;align-items:center;text-align:center;min-height:325px;padding:31px 26px 34px;border-color:#dbe6f5;box-shadow:0 14px 34px rgba(30,72,135,.045)}
#features .feature-card:not(.feature-large) .number{margin-bottom:17px}
#features .feature-card:not(.feature-large) .feature-icon{width:104px;height:104px;flex:none;display:grid;place-items:center;margin:0 0 15px;border:1px solid #d5e6ff;border-radius:28px;background:radial-gradient(circle at 25% 15%,#fff 0%,#e9f3ff 68%,#dceaff 100%);color:#2462dc;box-shadow:0 14px 24px rgba(40,104,207,.12)}
#features .feature-card .feature-icon svg{width:72px;height:72px}
#features .feature-card:not(.feature-large) h3{font-size:21px;line-height:1.5;letter-spacing:-.03em;margin:0 0 10px}
#features .feature-card:not(.feature-large)>p:last-child{line-height:1.8;text-wrap:balance}
@media(max-width:860px){#features .feature-large{grid-template-columns:1fr;gap:25px}.feature-capture{width:100%;height:340px}}
@media(max-width:640px){#features .feature-large{padding:30px 22px}.feature-capture{height:320px}.feature-capture-window{height:266px}#features .feature-card:not(.feature-large){min-height:0}.feature-capture-label{font-size:11px}}