.dpf-main{overflow:visible;background:#eef4f7}.dpf-head{position:relative;overflow:hidden;padding:142px 0 72px;background:radial-gradient(circle at 82% 24%,rgba(38,185,154,.3),transparent 26%),radial-gradient(circle at 14% 120%,rgba(20,117,167,.5),transparent 34%),#102a43;border:0}.dpf-head:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}.dpf-head .dpi-container{position:relative;z-index:1}.dpf-head .dpp-breadcrumb{color:#93a9ba}.dpf-head .dpp-breadcrumb a{color:#6ee7c8}.dpf-head h1{color:#fff;max-width:780px}.dpf-head p{color:#c2d1dc;max-width:680px}.dpf-main .dpp-tabs{top:78px;background:rgba(16,42,67,.96);border-color:rgba(255,255,255,.1);box-shadow:0 12px 28px rgba(16,42,67,.18)}.dpf-main .dpp-tabs a{color:#aebfcd;padding:17px 2px}.dpf-main .dpp-tabs a:hover,.dpf-main .dpp-tabs a.is-active{color:#fff;border-color:#6ee7c8}.dpf-body{padding:64px 0 96px;background:linear-gradient(180deg,#eef4f7,#f8fbfc)}.dpf-main .dpp-feature-layout{grid-template-columns:260px 1fr;gap:34px}.dpf-main .dpp-feature-nav{top:148px;border:0;padding:14px;background:#fff;box-shadow:0 18px 45px rgba(16,42,67,.1);border-radius:20px;max-height:calc(100vh - 175px);overflow:auto}.dpf-main .dpp-feature-nav strong{padding:12px 13px 15px;border-bottom:1px solid #dbe6ec;margin-bottom:7px}.dpf-main .dpp-feature-nav a{position:relative;padding:12px 13px 12px 35px;margin:3px 0}.dpf-main .dpp-feature-nav a:before{content:'';position:absolute;left:14px;top:50%;width:8px;height:8px;border:2px solid #a7b8c4;border-radius:50%;transform:translateY(-50%)}.dpf-main .dpp-feature-nav a:hover,.dpf-main .dpp-feature-nav a.is-active{background:#e8f5fa;color:#1475a7}.dpf-main .dpp-feature-nav a.is-active:before{border-color:#26b99a;background:#26b99a;box-shadow:0 0 0 4px rgba(38,185,154,.14)}.dpf-main .dpp-feature-group{position:relative;scroll-margin-top:150px;margin:0 0 28px;padding:38px;border:1px solid #d9e5ea;border-radius:25px;background:#fff;box-shadow:0 12px 35px rgba(16,42,67,.055);overflow:hidden}.dpf-main .dpp-feature-group:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#1475a7}.dpf-main .dpp-feature-group:nth-child(2):before{background:#26b99a}.dpf-main .dpp-feature-group:nth-child(3):before{background:#e2ae2d}.dpf-main .dpp-feature-group:nth-child(4):before{background:#8c72d8}.dpf-main .dpp-feature-group:nth-child(5):before{background:#e46f72}.dpf-main .dpp-feature-group:nth-child(2){background:linear-gradient(135deg,#fff,#f4fbf8)}.dpf-main .dpp-feature-group:nth-child(3){background:linear-gradient(135deg,#fff,#fffbec)}.dpf-main .dpp-feature-group:nth-child(4){background:linear-gradient(135deg,#fff,#f8f6ff)}.dpf-main .dpp-feature-group:nth-child(5){background:linear-gradient(135deg,#fff,#fff7f7)}.dpf-main .dpp-feature-group>h2{font-size:34px}.dpf-main .dpp-feature-items{gap:12px}.dpf-main .dpp-feature-item{border:1px solid rgba(16,42,67,.08);box-shadow:0 5px 16px rgba(16,42,67,.04);background:rgba(255,255,255,.88);transition:.2s ease}.dpf-main .dpp-feature-item:hover{transform:translateY(-3px);border-color:#b9d7e1;box-shadow:0 12px 25px rgba(16,42,67,.08)}.dpf-main .dpp-note{background:linear-gradient(135deg,#102a43,#174e6d)}@media(max-width:900px){.dpf-main .dpp-tabs{top:72px}.dpf-main .dpp-feature-layout{grid-template-columns:1fr}.dpf-main .dpp-feature-nav{position:sticky;top:126px;z-index:15;display:flex;max-height:none;border-radius:14px;box-shadow:0 10px 28px rgba(16,42,67,.12)}.dpf-main .dpp-feature-nav a{padding:11px 13px;white-space:nowrap}.dpf-main .dpp-feature-nav a:before{display:none}}@media(max-width:620px){.dpf-head{padding:116px 0 55px}.dpf-body{padding:28px 0 64px}.dpf-main .dpp-tabs{display:none}.dpf-main .dpp-feature-nav{top:72px;margin-inline:-6px}.dpf-main .dpp-feature-group{padding:27px 22px}.dpf-main .dpp-feature-group>h2{font-size:28px}}