@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);grid-template-areas:"create social social schedule" "create social social schedule" "ai manage maintain schedule" "ai audience grow grow";height:95vh;width:100%;padding:1.5rem 3rem;gap:1.5rem;justify-content:center}.item{border-collapse:collapse;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.grid-item-create{grid-area:create;background-color:#fdede1;padding:2rem 1.2rem}.grid-item-create>div{width:100%}.grid-item-create p,.grid-item-create span{font-size:2.5vw;width:10ch;line-height:1}.grid-item-create span{color:#7c50e2}.grid-item-create img{width:15vw;padding-top:1rem}.grid-item-ai{grid-area:ai;background-color:#ffcc69;padding:1rem;overflow:hidden}.grid-item-ai p{font-size:2.5vw;width:8ch;line-height:1;padding-bottom:1.5rem}.grid-item-ai img{width:14vw}.grid-item-social{grid-area:social;background-color:#7651dc;color:#f5f5f5;text-align:center}.grid-item-social p:first-child,.grid-item-social span{font-size:5vw;width:12ch;font-weight:var(--med-weight);line-height:1}.grid-item-social span:first-child{color:#ffcc69}.grid-item-social span:last-child{font-style:italic}.grid-item-social p:last-child{font-size:1.5vw}.grid-item-social img{padding-top:1.5rem;width:15vw}.grid-item-manage{grid-area:manage;background-color:#f3eef2;overflow:hidden}.grid-item-manage>div{width:100%;padding:2rem}.grid-item-manage img{width:22vw;padding-bottom:.75rem}.grid-item-manage p{font-size:2vw;line-height:1;width:10ch;font-weight:var(--med-weight)}.grid-item-audience{grid-area:audience;background-color:#f5f5f5}.grid-item-audience p:first-child{font-size:3.5vw;font-weight:var(--med-weight)}.grid-item-audience p:nth-child(2){font-size:1.4vw}.grid-item-audience img{width:10vw;padding-top:1rem}.grid-item-maintain{grid-area:maintain;background-color:#ffcc69;overflow:hidden}.grid-item-maintain>div{width:100%;height:100%;padding:2rem}.grid-item-maintain p{font-size:1.6vw;width:10ch;font-weight:var(--med-weight);line-height:1}.grid-item-maintain div>div{position:relative;width:100%;padding-top:1rem}.grid-item-maintain img{width:15vw;height:10vw;position:absolute}.grid-item-grow{grid-area:grow;background-color:#7651dc}.grid-item-grow>div{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0 1rem}.grid-item-grow p{font-size:2.5vw;color:#f5f5f5;font-weight:var(--med-weight);width:10ch;line-height:1}.grid-item-grow img{width:13vw}.grid-item-schedule{grid-area:schedule;background-color:#dcd1fc;overflow:hidden}.grid-item-schedule>div{width:100%;display:flex;flex-direction:column;row-gap:2rem;padding:0 0 0 2rem}.grid-item-schedule p:first-child{font-size:2vw;width:10ch;font-weight:var(--med-weight)}.grid-item-schedule img{width:25vw}.grid-item-schedule p:last-child{font-weight:var(--reg-weight);width:15ch;font-size:1.2vw}@media screen and (max-width: 1024px){.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,150px);grid-template-areas:"create social social schedule" "create social social schedule" "ai manage maintain schedule" "ai audience grow grow";height:95vh;width:100%;padding:1.5rem 3rem;gap:.85rem;justify-content:center;align-content:center}.grid-item-maintain>div{width:100%;height:100%;padding:1rem}.grid-item-audience>div{padding:1rem}.grid-item-audience p:first-child{font-size:3vw;font-weight:var(--med-weight)}.grid-item-audience p:nth-child(2){font-size:.8rem}.grid-item-audience img{width:10vw;padding-top:1rem}.grid-item-manage>div{width:100%;padding:1rem}.grid-item-manage img{width:21vw;padding-bottom:.75rem}.grid-item-ai img{width:19vw}.grid-item-schedule>div{width:100%;display:flex;flex-direction:column;row-gap:2rem;padding:0 0 0 1.5rem}.grid-item-schedule p:first-child{font-size:2vw}.grid-item-schedule p:last-child{font-size:1.4vw}}@media screen and (max-width: 430px){.attribution{font-size:20px;text-align:center}.grid-container{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:250px 200px 250px 470px 370px 200px 250px 450px;grid-template-areas:"social" "manage" "maintain" "schedule" "grow" "audience" "create" "ai";height:100vh;width:100%;padding:1.5rem 1rem;gap:.85rem;justify-content:center;align-content:baseline;overflow-y:scroll}.grid-item-social{grid-area:social;background-color:#7651dc;color:#f5f5f5;text-align:center;padding:1rem}.grid-item-social p:first-child,.grid-item-social span{font-size:2rem;width:9ch;font-weight:var(--med-weight);line-height:1}.grid-item-social p:last-child{font-size:1rem}.grid-item-social img{padding-top:1rem;width:10rem}.grid-item-manage{grid-area:manage}.grid-item-manage>div{width:100%;padding:1.5rem}.grid-item-manage img{width:19rem;padding-bottom:.75rem}.grid-item-manage p{font-size:1.3rem;width:100%}.grid-item-maintain{grid-area:maintain;background-color:#ffcc69;overflow:hidden}.grid-item-maintain>div{width:100%;height:100%;padding:1rem}.grid-item-maintain p{font-size:1.5rem;width:100%;font-weight:var(--med-weight);line-height:1}.grid-item-maintain div>div{position:relative;width:100%;padding-top:1rem}.grid-item-maintain img{width:15rem;height:10rem;position:absolute}.grid-item-schedule{grid-area:schedule;background-color:#dcd1fc;text-align:center}.grid-item-schedule>div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;padding:1.1rem}.grid-item-schedule p:first-child{font-size:6vw;width:auto;font-weight:var(--med-weight)}.grid-item-schedule img{width:17rem}.grid-item-schedule p:last-child{font-weight:var(--reg-weight);width:100%;font-size:1.15rem;text-wrap:wrap}.grid-item-grow{grid-area:grow;background-color:#7651dc;text-align:center}.grid-item-grow>div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.grid-item-grow p{font-size:1.5rem;color:#f5f5f5;font-weight:var(--med-weight);width:10ch;line-height:1}.grid-item-grow img{width:13rem}.grid-item-audience{grid-area:audience;background-color:#f5f5f5;padding:2rem 1.2rem}.grid-item-audience>div{width:100%}.grid-item-audience p:first-child{font-size:2.5rem;font-weight:var(--med-weight)}.grid-item-audience p:nth-child(2){font-size:1.2rem}.grid-item-audience img{width:9rem;padding-top:1rem}.grid-item-create{grid-area:create;background-color:#fdede1;padding:2rem 1.2rem}.grid-item-create p,.grid-item-create span{font-size:1.5rem;width:100%;line-height:1}.grid-item-create img{width:10rem;padding-top:1.2rem}.grid-item-ai{grid-area:ai;background-color:#ffcc69;padding:1rem;overflow:hidden}.grid-item-ai p{font-size:2rem;width:100%;line-height:1;padding-bottom:1.5rem}.grid-item-ai img{width:15rem}}:root{--mobile-screen: 375px;--desktop-screen: 1440px;--purple-100: hsl(254, 88%, 90%);--purple-500: hsl(256, 67%, 59%);--yellow-100: hsl(31, 66%, 93%);--yellow-500: hsl(39, 100%, 71%);--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 7%);--paragraph: 18px;--reg-weight: 400;--med-weight: 500}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif;font-size:var(--paragraph);font-optical-sizing:auto;font-weight:var(--reg-weight);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
