.feature-hero{padding:92px 0 82px;background:linear-gradient(145deg,#fff7f1 0%,#fff 56%,#f4f7fb 100%);border-bottom:1px solid var(--line)}
.feature-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:68px;align-items:center}.feature-hero-copy h1{font-size:clamp(42px,5.4vw,70px);line-height:1.08;letter-spacing:-.055em;margin:16px 0 24px}.feature-hero-copy h1 span{color:var(--brand-dark)}.feature-hero-copy>p{max-width:730px;color:var(--muted);font-size:18px;line-height:1.8}.feature-hero-actions{margin-top:32px}.feature-summary{background:#172b4d;color:#fff;border-radius:30px;padding:32px;box-shadow:0 28px 70px rgba(23,43,77,.2)}.feature-summary-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.14)}.feature-summary-head span{font-size:12px;color:#ffb58d;font-weight:900;letter-spacing:.1em}.feature-summary-head strong{font-size:12px;color:#bcc9db;letter-spacing:.06em}.summary-stat{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.11)}.summary-stat>b{font-size:39px;line-height:1;color:#ffb58d}.summary-stat strong,.summary-stat span{display:block}.summary-stat strong{font-size:17px}.summary-stat span{font-size:13px;color:#b9c7da;margin-top:4px}.summary-note{padding-top:22px;color:#dbe4ef;font-size:14px;line-height:1.75}
.core-feature-section{padding-top:100px}.core-feature-wrap{max-width:1120px}.feature-accordion{border-top:1px solid #dfe4ea}.feature-item{border-bottom:1px solid #dfe4ea}.feature-trigger{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto 32px;gap:18px;align-items:center;text-align:left;padding:29px 8px;border:0;background:transparent;color:inherit;cursor:pointer;font-family:inherit}.feature-trigger:hover .feature-title strong{color:var(--brand-dark)}.feature-index{font-size:13px;font-weight:900;color:#a3acb8;letter-spacing:.05em}.feature-title strong,.feature-title small{display:block}.feature-title strong{font-size:clamp(19px,2.1vw,25px);letter-spacing:-.025em;transition:.2s}.feature-title small{margin-top:6px;color:#8b96a5;font-size:14px}.feature-tag{justify-self:end;padding:7px 10px;border:1px solid #dbe1e8;border-radius:999px;color:#778395;font-size:10px;font-weight:900;letter-spacing:.08em}.feature-tag.highlight{border-color:#ffd2be;background:#fff5ef;color:#c96a3d}.feature-toggle{position:relative;width:28px;height:28px;border:1px solid #ced5de;border-radius:50%}.feature-toggle:before,.feature-toggle:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:#5e6b7b;transform:translate(-50%,-50%);transition:.22s}.feature-toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.feature-item.is-open .feature-toggle{background:var(--brand-dark);border-color:var(--brand-dark)}.feature-item.is-open .feature-toggle:before,.feature-item.is-open .feature-toggle:after{background:#fff}.feature-item.is-open .feature-toggle:after{transform:translate(-50%,-50%) rotate(0)}.feature-item.is-open .feature-title strong{color:var(--brand-dark)}.feature-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.feature-item.is-open .feature-panel{grid-template-rows:1fr}.feature-panel-inner{overflow:hidden}.feature-panel-inner>p{margin:0 8px 22px 90px;max-width:880px;color:#566276;font-size:16px;line-height:1.85}.detail-grid,.mode-grid,.analytics-grid{margin:0 8px 32px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid.four,.analytics-grid{grid-template-columns:repeat(4,1fr)}.detail-grid>div,.analytics-grid>div{padding:20px;border:1px solid #e0e5eb;border-radius:16px;background:#f8fafc}.detail-grid b,.detail-grid span,.analytics-grid b,.analytics-grid span{display:block}.detail-grid b,.analytics-grid b{font-size:15px}.detail-grid span,.analytics-grid span{margin-top:6px;color:#7e8997;font-size:13px}.mode-grid>div{padding:23px;border:1px solid #e1e6ec;border-radius:18px;background:#fff}.mode-grid>div>span{display:block;color:#c96a3d;font-size:11px;font-weight:900}.mode-grid b{display:block;margin-top:8px;font-size:17px}.mode-grid p{margin:8px 0 0;color:#788391;font-size:13px;line-height:1.65}.chip-list,.support-line{margin:0 8px 24px 90px;display:flex;flex-wrap:wrap;gap:8px}.chip-list span,.support-line span{padding:9px 13px;border-radius:999px;background:#f1f4f7;color:#566274;font-size:13px;font-weight:750}.inline-action{display:inline-block;margin:0 8px 32px 90px;color:var(--brand-dark);font-weight:900}.mini-flow{margin:0 8px 32px 90px;display:flex;align-items:center;flex-wrap:wrap;gap:9px}.mini-flow span{padding:10px 14px;border:1px solid #dce3ea;border-radius:12px;background:#f8fafc;font-size:13px;font-weight:850}.mini-flow i{color:#b0bac5;font-style:normal}.support-line{margin-bottom:32px}
.operation-flow-section{background:#f3f6f9}.operation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:9px}.operation-flow>div{background:#fff;border:1px solid #e0e6ed;border-radius:18px;padding:22px 16px;text-align:center;box-shadow:0 8px 24px rgba(31,47,69,.04)}.operation-flow b,.operation-flow strong,.operation-flow span{display:block}.operation-flow b{color:#c96a3d;font-size:11px}.operation-flow strong{margin-top:8px;font-size:16px}.operation-flow span{margin-top:5px;color:#8994a1;font-size:12px}.operation-flow i{align-self:center;color:#aab4c0;font-style:normal;font-size:18px}
.compare-work-section{padding-top:95px}.work-compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.work-side{padding:36px;border:1px solid #e0e5eb;border-radius:26px}.work-side>span{font-size:12px;font-weight:900;letter-spacing:.08em}.work-side h3{font-size:25px;line-height:1.35;margin:12px 0 24px}.work-side.old{background:#f8fafc}.work-side.old>span{color:#85909e}.work-side.new{background:#172b4d;color:#fff;border-color:#172b4d}.work-side.new>span{color:#ffb58d}.work-route{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.work-route b{padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #e0e5eb;font-size:12px}.work-side.new .work-route b{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12)}.work-route i{font-style:normal;color:#a1abb7}.work-side p{margin:24px 0 0;color:#7c8795;line-height:1.75}.work-side.new p{color:#c4d0df}.work-vs{display:grid;place-items:center;font-size:13px;font-weight:950;color:#c96a3d}
.feature-final-section{background:#fff;padding-top:30px}.feature-final{display:flex;align-items:center;justify-content:space-between;gap:46px;padding:52px 56px;border-radius:30px;background:linear-gradient(135deg,#172b4d,#233f6c);color:#fff}.feature-final>div>span{color:#ffb58d;font-size:12px;font-weight:900;letter-spacing:.1em}.feature-final h2{font-size:clamp(30px,4vw,48px);line-height:1.22;margin:12px 0}.feature-final p{margin:0;color:#c8d3e1}.feature-final-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:390px}.btn.light{background:#fff;color:#172b4d;border-color:#fff}.btn.outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
@media(max-width:1000px){.feature-hero-grid{grid-template-columns:1fr;gap:42px}.feature-summary{max-width:680px}.feature-trigger{grid-template-columns:52px minmax(0,1fr) auto 30px}.detail-grid.four,.analytics-grid{grid-template-columns:repeat(2,1fr)}.operation-flow{grid-template-columns:repeat(3,1fr);gap:12px}.operation-flow i{display:none}.work-compare{grid-template-columns:1fr;gap:14px}.work-vs{height:28px}.feature-final{align-items:flex-start;flex-direction:column}.feature-final-actions{min-width:0;justify-content:flex-start}}
@media(max-width:700px){.feature-hero{padding:55px 0}.feature-hero-copy h1{font-size:39px}.feature-hero-copy>p{font-size:16px}.feature-summary{padding:25px;border-radius:23px}.feature-summary-head{align-items:flex-start;flex-direction:column;gap:6px}.feature-trigger{grid-template-columns:38px minmax(0,1fr) 28px;gap:10px;padding:23px 2px}.feature-tag{display:none}.feature-title strong{font-size:18px;line-height:1.45}.feature-title small{font-size:12px;line-height:1.5}.feature-panel-inner>p,.detail-grid,.mode-grid,.analytics-grid,.chip-list,.support-line,.mini-flow,.inline-action{margin-left:48px;margin-right:2px}.detail-grid,.detail-grid.four,.mode-grid,.analytics-grid{grid-template-columns:1fr}.operation-flow{grid-template-columns:1fr 1fr}.work-side{padding:26px}.feature-final{padding:36px 25px;border-radius:24px}.feature-final-actions,.feature-final-actions .btn{width:100%}}
@media(max-width:430px){.operation-flow{grid-template-columns:1fr}.feature-panel-inner>p,.detail-grid,.mode-grid,.analytics-grid,.chip-list,.support-line,.mini-flow,.inline-action{margin-left:0}.feature-index{align-self:start;padding-top:4px}.feature-trigger{grid-template-columns:34px minmax(0,1fr) 28px}}