.demo-feature-contents .right{display:flex;flex:1 1;flex-direction:column;gap:1rem}.demo-feature-contents .bottom,.demo-feature-contents .top{background-color:#f9fafb;border:1px solid #dcdfe4;border-radius:20px;padding:36px}.demo-feature-contents .bottom h3,.demo-feature-contents .top h3{margin:0;font-weight:600;font-size:1.3rem;line-height:1.5}.demo-feature-contents .bottom h4,.demo-feature-contents .top h4{font-weight:600;font-size:1rem;line-height:1.5;margin:0 0 5px}.demo-feature-contents .top-container{display:flex;gap:2rem}.demo-feature-contents .action-area-buttons{display:flex;gap:10px}.demo-feature-contents .action-area-buttons a{display:flex;gap:6px;text-decoration:none;border:1px solid rgba(0,0,0,.1882352941)}.demo-feature-contents .action-area-buttons a svg{width:1.2rem;height:1.2rem}.demo-feature-contents .action-area-buttons a:hover{background-color:hsla(227,12%,37%,.269)}.demo-feature-contents .top{background-image:radial-gradient(ellipse 80% 50% at 100% 100%,hsla(210,100%,90%,.61),transparent);display:flex;flex-direction:column}.demo-feature-contents .top h3{color:hsl(220,30%,6%)}.demo-feature-contents .top h4{color:#2b63d9}.demo-feature-contents .bottom{background:radial-gradient(circle at 30% 0,hsl(220,20%,35%),hsl(220,30%,6%));display:flex;flex-direction:column}.demo-feature-contents .bottom h3{color:#fff}.demo-feature-contents .bottom h4{color:#6092ff}.demo-feature-contents .bottom p{margin:2rem 0 0;font-weight:500;font-size:.9rem;line-height:2;color:hsl(220,22%,92%);flex:1 1}.demo-feature-contents .description-area{flex:1 1}.demo-feature-contents .description-area p{font-weight:500;font-size:.9rem;line-height:2;color:rgba(0,0,0,.7294117647)}.demo-feature-contents .feature-icons{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:1rem;gap:1rem}.demo-feature-contents .feature-card{display:flex;flex-direction:column;align-items:center;background-color:hsla(203.89,100%,97%,.4);border:1px solid hsla(220,20%,80%,.4);border-radius:16px;padding:10px 15px;box-sizing:border-box;justify-content:center}.demo-feature-contents .feature-card .feature-image{font-size:2rem;margin-bottom:10px}.demo-feature-contents .feature-card .feature-title{font-weight:700;font-size:1rem;line-height:1.5;margin:0 0 5px;color:#2b63d9;text-align:center}.demo-feature-contents .feature-card .feature-subtitle{font-weight:400;font-size:.8rem;line-height:1.5;margin:0 0 5px;color:hsl(220,20%,35%);text-align:center}.demo-feature-contents .first-area{display:flex;width:100%;gap:1rem}.demo-feature-contents li{font-weight:500;font-size:.9rem;line-height:1.6;color:rgba(0,0,0,.7294117647)}