.section-wrapper{position:relative;width:100%}.background-shape{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(180deg,#098da1 0%,#29bdef 100%);clip-path:polygon(100% 100%,100% 0%,75% 0%,55svw 100%);z-index:-1;pointer-events:none}.logo-text{font-size:clamp(18px,1.4vw,30px);font-weight:600;color:#555;text-transform:uppercase;letter-spacing:1px;margin-right:1rem}.line{width:30%;height:2px;background-color:#29bdef;flex-grow:0}h1{font-size:clamp(28px,4vw,64px);line-height:1.2;color:#333}.highlight{color:#33b4e5;font-weight:700}.btn-gradient{background:linear-gradient(to right,#199bbd,#5cc8f4);color:#fff;padding:.85rem 2rem;border-radius:4px;font-weight:500;font-size:clamp(14px,1.2vw,18px);text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.btn-gradient::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(92,200,244,.25) 0%,transparent 70%);transform:scale(0);transition:transform .4s ease;z-index:0}.btn-gradient:hover::before{transform:scale(1)}.btn-gradient:hover{color:#fff;background:linear-gradient(to right,#138aad,#4fbde8);transform:scale(1.02);box-shadow:0 4px 12px rgba(92,200,244,.35)}.mid-line{position:absolute;top:95%;left:50%;transform:translateX(-50%);width:2px;height:80px;background-color:#29bdef;z-index:10;pointer-events:none}.diagram{width:22vw;height:22vw;border-radius:50%;object-fit:cover;border:6px solid #fff}@media(max-width:991px){.diagram{height:20rem;width:20rem}}@media(max-width:768px){.mid-line{bottom:10px}.background-shape{clip-path:polygon(100% 100%,100% 30%,100% 30%,0% 100%)}.diagram{height:20rem;width:20rem}h1{font-size:clamp(24px,6vw,32px)}.line{width:50%;margin-top:.75rem}}